/* Created by xbh  */
@charset "UTF-8";
.ui-helper-hidden {
    display: none
}

.ui-helper-hidden-accessible {
    position: absolute !important;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px, 1px, 1px, 1px)
}

.ui-helper-reset {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    line-height: 1.3;
    text-decoration: none;
    font-size: 100%;
    list-style: none
}

.ui-helper-clearfix:before, .ui-helper-clearfix:after {
    content: "";
    display: table
}

.ui-helper-clearfix:after {
    clear: both
}

.ui-helper-clearfix {
    zoom: 1
}

.ui-helper-zfix {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    opacity: 0;
    filter: Alpha(Opacity=0)
}

.ui-state-disabled {
    cursor: default !important
}

.ui-icon {
    display: block;
    text-indent: -99999px;
    overflow: hidden;
    background-repeat: no-repeat
}

.ui-widget-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.ui-widget {
    font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif;
    font-size: 1.1em
}

.ui-widget .ui-widget {
    font-size: 1em
}

.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
    font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif;
    font-size: 1em
}

.ui-widget-content {
    border: 1px solid #ddd;
    background: #f9f9f9;
    color: #666
}

.ui-widget-content a {
    color: #666
}

.ui-widget-header {
    border: 1px solid #e78f08;
    background: #f6a828;
    color: #fff;
    font-weight: bold
}

.ui-widget-header a {
    color: #fff
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    border: 1px solid #ccc;
    background: #f6f6f6;
    font-weight: bold;
    color: #ffa800
}

.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited {
    color: #ffa800;
    text-decoration: none
}

.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {
    border: 1px solid #fbcb09;
    font-weight: bold;
    color: #c77405
}

.ui-state-hover a, .ui-state-hover a:hover {
    color: #c77405;
    text-decoration: none
}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
    border: 1px solid #fbd850;
    font-weight: bold;
    color: #eb8f00
}

.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
    color: #eb8f00;
    text-decoration: none
}

.ui-widget :active {
    outline: 0
}

.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
    border: 1px solid #fed22f;
    color: #363636
}

.ui-state-highlight a, .ui-widget-content .ui-state-highlight a, .ui-widget-header .ui-state-highlight a {
    color: #363636
}

.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {
    border: 1px solid #cd0a0a;
    background: #b81900 url(/images/jquery_ui_1_8/ui-bg_diagonals-thick_18_b81900_40x40.png) 50% 50% repeat;
    color: #fff
}

.ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a {
    color: #fff
}

.ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text {
    color: #fff
}

.ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary {
    font-weight: bold
}

.ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary {
    opacity: .7;
    filter: Alpha(Opacity=70);
    font-weight: normal
}

.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled {
    opacity: .35;
    filter: Alpha(Opacity=35);
    background-image: none
}

.ui-icon {
    width: 16px;
    height: 16px;
    background-image: url(/images/jquery_ui_1_8/ui-icons_222222_256x240.png)
}

.ui-widget-content .ui-icon {
    background-image: url(/images/jquery_ui_1_8/ui-icons_222222_256x240.png)
}

.ui-widget-header .ui-icon {
    background-image: url(/images/jquery_ui_1_8/ui-icons_ffffff_256x240.png)
}

.ui-state-default .ui-icon {
    background-image: url(/images/jquery_ui_1_8/ui-icons_ef8c08_256x240.png)
}

.ui-state-hover .ui-icon, .ui-state-focus .ui-icon {
    background-image: url(/images/jquery_ui_1_8/ui-icons_ef8c08_256x240.png)
}

.ui-state-active .ui-icon {
    background-image: url(/images/jquery_ui_1_8/ui-icons_ef8c08_256x240.png)
}

.ui-state-highlight .ui-icon {
    background-image: url(/images/jquery_ui_1_8/ui-icons_228ef1_256x240.png)
}

.ui-state-error .ui-icon, .ui-state-error-text .ui-icon {
    background-image: url(/images/jquery_ui_1_8/ui-icons_ffd27a_256x240.png)
}

.ui-icon-carat-1-n {
    background-position: 0 0
}

.ui-icon-carat-1-ne {
    background-position: -16px 0
}

.ui-icon-carat-1-e {
    background-position: -32px 0
}

.ui-icon-carat-1-se {
    background-position: -48px 0
}

.ui-icon-carat-1-s {
    background-position: -64px 0
}

.ui-icon-carat-1-sw {
    background-position: -80px 0
}

.ui-icon-carat-1-w {
    background-position: -96px 0
}

.ui-icon-carat-1-nw {
    background-position: -112px 0
}

.ui-icon-carat-2-n-s {
    background-position: -128px 0
}

.ui-icon-carat-2-e-w {
    background-position: -144px 0
}

.ui-icon-triangle-1-n {
    background-position: 0 -16px
}

.ui-icon-triangle-1-ne {
    background-position: -16px -16px
}

.ui-icon-triangle-1-e {
    background-position: -32px -16px
}

.ui-icon-triangle-1-se {
    background-position: -48px -16px
}

.ui-icon-triangle-1-s {
    background-position: -64px -16px
}

.ui-icon-triangle-1-sw {
    background-position: -80px -16px
}

.ui-icon-triangle-1-w {
    background-position: -96px -16px
}

.ui-icon-triangle-1-nw {
    background-position: -112px -16px
}

.ui-icon-triangle-2-n-s {
    background-position: -128px -16px
}

.ui-icon-triangle-2-e-w {
    background-position: -144px -16px
}

.ui-icon-arrow-1-n {
    background-position: 0 -32px
}

.ui-icon-arrow-1-ne {
    background-position: -16px -32px
}

.ui-icon-arrow-1-e {
    background-position: -32px -32px
}

.ui-icon-arrow-1-se {
    background-position: -48px -32px
}

.ui-icon-arrow-1-s {
    background-position: -64px -32px
}

.ui-icon-arrow-1-sw {
    background-position: -80px -32px
}

.ui-icon-arrow-1-w {
    background-position: -96px -32px
}

.ui-icon-arrow-1-nw {
    background-position: -112px -32px
}

.ui-icon-arrow-2-n-s {
    background-position: -128px -32px
}

.ui-icon-arrow-2-ne-sw {
    background-position: -144px -32px
}

.ui-icon-arrow-2-e-w {
    background-position: -160px -32px
}

.ui-icon-arrow-2-se-nw {
    background-position: -176px -32px
}

.ui-icon-arrowstop-1-n {
    background-position: -192px -32px
}

.ui-icon-arrowstop-1-e {
    background-position: -208px -32px
}

.ui-icon-arrowstop-1-s {
    background-position: -224px -32px
}

.ui-icon-arrowstop-1-w {
    background-position: -240px -32px
}

.ui-icon-arrowthick-1-n {
    background-position: 0 -48px
}

.ui-icon-arrowthick-1-ne {
    background-position: -16px -48px
}

.ui-icon-arrowthick-1-e {
    background-position: -32px -48px
}

.ui-icon-arrowthick-1-se {
    background-position: -48px -48px
}

.ui-icon-arrowthick-1-s {
    background-position: -64px -48px
}

.ui-icon-arrowthick-1-sw {
    background-position: -80px -48px
}

.ui-icon-arrowthick-1-w {
    background-position: -96px -48px
}

.ui-icon-arrowthick-1-nw {
    background-position: -112px -48px
}

.ui-icon-arrowthick-2-n-s {
    background-position: -128px -48px
}

.ui-icon-arrowthick-2-ne-sw {
    background-position: -144px -48px
}

.ui-icon-arrowthick-2-e-w {
    background-position: -160px -48px
}

.ui-icon-arrowthick-2-se-nw {
    background-position: -176px -48px
}

.ui-icon-arrowthickstop-1-n {
    background-position: -192px -48px
}

.ui-icon-arrowthickstop-1-e {
    background-position: -208px -48px
}

.ui-icon-arrowthickstop-1-s {
    background-position: -224px -48px
}

.ui-icon-arrowthickstop-1-w {
    background-position: -240px -48px
}

.ui-icon-arrowreturnthick-1-w {
    background-position: 0 -64px
}

.ui-icon-arrowreturnthick-1-n {
    background-position: -16px -64px
}

.ui-icon-arrowreturnthick-1-e {
    background-position: -32px -64px
}

.ui-icon-arrowreturnthick-1-s {
    background-position: -48px -64px
}

.ui-icon-arrowreturn-1-w {
    background-position: -64px -64px
}

.ui-icon-arrowreturn-1-n {
    background-position: -80px -64px
}

.ui-icon-arrowreturn-1-e {
    background-position: -96px -64px
}

.ui-icon-arrowreturn-1-s {
    background-position: -112px -64px
}

.ui-icon-arrowrefresh-1-w {
    background-position: -128px -64px
}

.ui-icon-arrowrefresh-1-n {
    background-position: -144px -64px
}

.ui-icon-arrowrefresh-1-e {
    background-position: -160px -64px
}

.ui-icon-arrowrefresh-1-s {
    background-position: -176px -64px
}

.ui-icon-arrow-4 {
    background-position: 0 -80px
}

.ui-icon-arrow-4-diag {
    background-position: -16px -80px
}

.ui-icon-extlink {
    background-position: -32px -80px
}

.ui-icon-newwin {
    background-position: -48px -80px
}

.ui-icon-refresh {
    background-position: -64px -80px
}

.ui-icon-shuffle {
    background-position: -80px -80px
}

.ui-icon-transfer-e-w {
    background-position: -96px -80px
}

.ui-icon-transferthick-e-w {
    background-position: -112px -80px
}

.ui-icon-folder-collapsed {
    background-position: 0 -96px
}

.ui-icon-folder-open {
    background-position: -16px -96px
}

.ui-icon-document {
    background-position: -32px -96px
}

.ui-icon-document-b {
    background-position: -48px -96px
}

.ui-icon-note {
    background-position: -64px -96px
}

.ui-icon-mail-closed {
    background-position: -80px -96px
}

.ui-icon-mail-open {
    background-position: -96px -96px
}

.ui-icon-suitcase {
    background-position: -112px -96px
}

.ui-icon-comment {
    background-position: -128px -96px
}

.ui-icon-person {
    background-position: -144px -96px
}

.ui-icon-print {
    background-position: -160px -96px
}

.ui-icon-trash {
    background-position: -176px -96px
}

.ui-icon-locked {
    background-position: -192px -96px
}

.ui-icon-unlocked {
    background-position: -208px -96px
}

.ui-icon-bookmark {
    background-position: -224px -96px
}

.ui-icon-tag {
    background-position: -240px -96px
}

.ui-icon-home {
    background-position: 0 -112px
}

.ui-icon-flag {
    background-position: -16px -112px
}

.ui-icon-calendar {
    background-position: -32px -112px
}

.ui-icon-cart {
    background-position: -48px -112px
}

.ui-icon-pencil {
    background-position: -64px -112px
}

.ui-icon-clock {
    background-position: -80px -112px
}

.ui-icon-disk {
    background-position: -96px -112px
}

.ui-icon-calculator {
    background-position: -112px -112px
}

.ui-icon-zoomin {
    background-position: -128px -112px
}

.ui-icon-zoomout {
    background-position: -144px -112px
}

.ui-icon-search {
    background-position: -160px -112px
}

.ui-icon-wrench {
    background-position: -176px -112px
}

.ui-icon-gear {
    background-position: -192px -112px
}

.ui-icon-heart {
    background-position: -208px -112px
}

.ui-icon-star {
    background-position: -224px -112px
}

.ui-icon-link {
    background-position: -240px -112px
}

.ui-icon-cancel {
    background-position: 0 -128px
}

.ui-icon-plus {
    background-position: -16px -128px
}

.ui-icon-plusthick {
    background-position: -32px -128px
}

.ui-icon-minus {
    background-position: -48px -128px
}

.ui-icon-minusthick {
    background-position: -64px -128px
}

.ui-icon-close {
    background-position: -80px -128px
}

.ui-icon-closethick {
    background-position: -96px -128px
}

.ui-icon-key {
    background-position: -112px -128px
}

.ui-icon-lightbulb {
    background-position: -128px -128px
}

.ui-icon-scissors {
    background-position: -144px -128px
}

.ui-icon-clipboard {
    background-position: -160px -128px
}

.ui-icon-copy {
    background-position: -176px -128px
}

.ui-icon-contact {
    background-position: -192px -128px
}

.ui-icon-image {
    background-position: -208px -128px
}

.ui-icon-video {
    background-position: -224px -128px
}

.ui-icon-script {
    background-position: -240px -128px
}

.ui-icon-alert {
    background-position: 0 -144px
}

.ui-icon-info {
    background-position: -16px -144px
}

.ui-icon-notice {
    background-position: -32px -144px
}

.ui-icon-help {
    background-position: -48px -144px
}

.ui-icon-check {
    background-position: -64px -144px
}

.ui-icon-bullet {
    background-position: -80px -144px
}

.ui-icon-radio-off {
    background-position: -96px -144px
}

.ui-icon-radio-on {
    background-position: -112px -144px
}

.ui-icon-pin-w {
    background-position: -128px -144px
}

.ui-icon-pin-s {
    background-position: -144px -144px
}

.ui-icon-play {
    background-position: 0 -160px
}

.ui-icon-pause {
    background-position: -16px -160px
}

.ui-icon-seek-next {
    background-position: -32px -160px
}

.ui-icon-seek-prev {
    background-position: -48px -160px
}

.ui-icon-seek-end {
    background-position: -64px -160px
}

.ui-icon-seek-start {
    background-position: -80px -160px
}

.ui-icon-seek-first {
    background-position: -80px -160px
}

.ui-icon-stop {
    background-position: -96px -160px
}

.ui-icon-eject {
    background-position: -112px -160px
}

.ui-icon-volume-off {
    background-position: -128px -160px
}

.ui-icon-volume-on {
    background-position: -144px -160px
}

.ui-icon-power {
    background-position: 0 -176px
}

.ui-icon-signal-diag {
    background-position: -16px -176px
}

.ui-icon-signal {
    background-position: -32px -176px
}

.ui-icon-battery-0 {
    background-position: -48px -176px
}

.ui-icon-battery-1 {
    background-position: -64px -176px
}

.ui-icon-battery-2 {
    background-position: -80px -176px
}

.ui-icon-battery-3 {
    background-position: -96px -176px
}

.ui-icon-circle-plus {
    background-position: 0 -192px
}

.ui-icon-circle-minus {
    background-position: -16px -192px
}

.ui-icon-circle-close {
    background-position: -32px -192px
}

.ui-icon-circle-triangle-e {
    background-position: -48px -192px
}

.ui-icon-circle-triangle-s {
    background-position: -64px -192px
}

.ui-icon-circle-triangle-w {
    background-position: -80px -192px
}

.ui-icon-circle-triangle-n {
    background-position: -96px -192px
}

.ui-icon-circle-arrow-e {
    background-position: -112px -192px
}

.ui-icon-circle-arrow-s {
    background-position: -128px -192px
}

.ui-icon-circle-arrow-w {
    background-position: -144px -192px
}

.ui-icon-circle-arrow-n {
    background-position: -160px -192px
}

.ui-icon-circle-zoomin {
    background-position: -176px -192px
}

.ui-icon-circle-zoomout {
    background-position: -192px -192px
}

.ui-icon-circle-check {
    background-position: -208px -192px
}

.ui-icon-circlesmall-plus {
    background-position: 0 -208px
}

.ui-icon-circlesmall-minus {
    background-position: -16px -208px
}

.ui-icon-circlesmall-close {
    background-position: -32px -208px
}

.ui-icon-squaresmall-plus {
    background-position: -48px -208px
}

.ui-icon-squaresmall-minus {
    background-position: -64px -208px
}

.ui-icon-squaresmall-close {
    background-position: -80px -208px
}

.ui-icon-grip-dotted-vertical {
    background-position: 0 -224px
}

.ui-icon-grip-dotted-horizontal {
    background-position: -16px -224px
}

.ui-icon-grip-solid-vertical {
    background-position: -32px -224px
}

.ui-icon-grip-solid-horizontal {
    background-position: -48px -224px
}

.ui-icon-gripsmall-diagonal-se {
    background-position: -64px -224px
}

.ui-icon-grip-diagonal-se {
    background-position: -80px -224px
}

.ui-widget-overlay {
    background: #666 url(/images/jquery_ui_1_8/ui-bg_diagonals-thick_20_666666_40x40.png) 50% 50% repeat;
    opacity: .50;
    filter: Alpha(Opacity=50)
}

.ui-widget-shadow {
    margin: -5px 0 0 -5px;
    padding: 5px;
    background: #000 url(/images/jquery_ui_1_8/ui-bg_flat_10_000000_40x100.png) 50% 50% repeat-x;
    opacity: .20;
    filter: Alpha(Opacity=20)
}

.ui-resizable {
    position: relative
}

.ui-resizable-handle {
    position: absolute;
    font-size: .1px;
    z-index: 99999;
    display: block
}

.ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle {
    display: none
}

.ui-resizable-n {
    cursor: n-resize;
    height: 7px;
    width: 100%;
    top: -5px;
    left: 0
}

.ui-resizable-s {
    cursor: s-resize;
    height: 7px;
    width: 100%;
    bottom: -5px;
    left: 0
}

.ui-resizable-e {
    cursor: e-resize;
    width: 7px;
    right: -5px;
    top: 0;
    height: 100%
}

.ui-resizable-w {
    cursor: w-resize;
    width: 7px;
    left: -5px;
    top: 0;
    height: 100%
}

.ui-resizable-se {
    cursor: se-resize;
    width: 12px;
    height: 12px;
    right: 1px;
    bottom: 1px
}

.ui-resizable-sw {
    cursor: sw-resize;
    width: 9px;
    height: 9px;
    left: -5px;
    bottom: -5px
}

.ui-resizable-nw {
    cursor: nw-resize;
    width: 9px;
    height: 9px;
    left: -5px;
    top: -5px
}

.ui-resizable-ne {
    cursor: ne-resize;
    width: 9px;
    height: 9px;
    right: -5px;
    top: -5px
}

.ui-selectable-helper {
    position: absolute;
    z-index: 100;
    border: 1px dotted black
}

.ui-accordion {
    width: 100%
}

.ui-accordion .ui-accordion-header {
    cursor: pointer;
    position: relative;
    margin-top: 1px;
    zoom: 1
}

.ui-accordion .ui-accordion-li-fix {
    display: inline
}

.ui-accordion .ui-accordion-header-active {
    border-bottom: 0 !important
}

.ui-accordion .ui-accordion-header a {
    display: block;
    font-size: 1em;
    padding: .5em .5em .5em .7em
}

.ui-accordion-icons .ui-accordion-header a {
    padding-left: 2.2em
}

.ui-accordion .ui-accordion-header .ui-icon {
    position: absolute;
    left: .5em;
    top: 50%;
    margin-top: -8px
}

.ui-accordion .ui-accordion-content {
    padding: 1em 2.2em;
    border-top: 0;
    margin-top: -2px;
    position: relative;
    top: 1px;
    margin-bottom: 2px;
    overflow: auto;
    display: none;
    zoom: 1
}

.ui-accordion .ui-accordion-content-active {
    display: block
}

.ui-autocomplete {
    position: absolute;
    cursor: default
}

* html .ui-autocomplete {
    width: 1px
}

.ui-menu {
    list-style: none;
    padding: 2px;
    margin: 0;
    display: block;
    float: left
}

.ui-menu .ui-menu {
    margin-top: -3px
}

.ui-menu .ui-menu-item {
    margin: 0;
    padding: 0;
    zoom: 1;
    float: left;
    clear: left;
    width: 100%
}

.ui-menu .ui-menu-item a {
    text-decoration: none;
    display: block;
    padding: .2em .4em;
    line-height: 1.5;
    zoom: 1
}

.ui-menu .ui-menu-item a.ui-state-hover, .ui-menu .ui-menu-item a.ui-state-active {
    font-weight: normal;
    margin: -1px
}

.ui-button {
    display: inline-block;
    position: relative;
    padding: 0;
    margin-right: .1em;
    text-decoration: none !important;
    cursor: pointer;
    text-align: center;
    zoom: 1;
    overflow: hidden;
    *overflow: visible
}

.ui-button-icon-only {
    width: 2.2em
}

button.ui-button-icon-only {
    width: 2.4em
}

.ui-button-icons-only {
    width: 3.4em
}

button.ui-button-icons-only {
    width: 3.7em
}

.ui-button .ui-button-text {
    display: block;
    line-height: 1.4
}

.ui-button-text-only .ui-button-text {
    padding: .4em 1em
}

.ui-button-icon-only .ui-button-text, .ui-button-icons-only .ui-button-text {
    padding: .4em;
    text-indent: -9999999px
}

.ui-button-text-icon-primary .ui-button-text, .ui-button-text-icons .ui-button-text {
    padding: .4em 1em .4em 2.1em
}

.ui-button-text-icon-secondary .ui-button-text, .ui-button-text-icons .ui-button-text {
    padding: .4em 2.1em .4em 1em
}

.ui-button-text-icons .ui-button-text {
    padding-left: 2.1em;
    padding-right: 2.1em
}

input.ui-button {
    padding: .4em 1em
}

.ui-button-icon-only .ui-icon, .ui-button-text-icon-primary .ui-icon, .ui-button-text-icon-secondary .ui-icon, .ui-button-text-icons .ui-icon, .ui-button-icons-only .ui-icon {
    position: absolute;
    top: 50%;
    margin-top: -8px
}

.ui-button-icon-only .ui-icon {
    left: 50%;
    margin-left: -8px
}

.ui-button-text-icon-primary .ui-button-icon-primary, .ui-button-text-icons .ui-button-icon-primary, .ui-button-icons-only .ui-button-icon-primary {
    left: .5em
}

.ui-button-text-icon-secondary .ui-button-icon-secondary, .ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary {
    right: .5em
}

.ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary {
    right: .5em
}

.ui-buttonset {
    margin-right: 7px
}

.ui-buttonset .ui-button {
    margin-left: 0;
    margin-right: -.3em
}

button.ui-button::-moz-focus-inner {
    border: 0;
    padding: 0
}

.ui-dialog {
    position: absolute;
    padding: .2em;
    width: 300px;
    overflow: hidden
}

.ui-dialog .ui-dialog-titlebar {
    padding: .4em 1em;
    position: relative
}

.ui-dialog .ui-dialog-title {
    float: left;
    margin: .1em 16px .1em 0
}

.ui-dialog .ui-dialog-titlebar-close {
    position: absolute;
    right: .3em;
    top: 50%;
    width: 19px;
    margin: -10px 0 0 0;
    padding: 1px;
    height: 18px
}

.ui-dialog .ui-dialog-titlebar-close span {
    display: block;
    margin: 1px
}

.ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus {
    padding: 0
}

.ui-dialog .ui-dialog-content {
    position: relative;
    border: 0;
    padding: .5em 1em;
    background: 0;
    overflow: auto;
    zoom: 1
}

.ui-dialog .ui-dialog-buttonpane {
    text-align: left;
    border-width: 1px 0 0 0;
    background-image: none;
    margin: .5em 0 0 0;
    padding: .3em 1em .5em .4em
}

.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
    float: right
}

.ui-dialog .ui-dialog-buttonpane button {
    margin: .5em .4em .5em 0;
    cursor: pointer
}

.ui-dialog .ui-resizable-se {
    width: 14px;
    height: 14px;
    right: 3px;
    bottom: 3px
}

.ui-draggable .ui-dialog-titlebar {
    cursor: move
}

.ui-slider {
    position: relative;
    text-align: left
}

.ui-slider .ui-slider-handle {
    position: absolute;
    z-index: 2;
    width: 1.2em;
    height: 1.2em;
    cursor: default
}

.ui-slider .ui-slider-range {
    position: absolute;
    z-index: 1;
    font-size: .7em;
    display: block;
    border: 0;
    background-position: 0 0
}

.ui-slider-horizontal {
    height: .8em
}

.ui-slider-horizontal .ui-slider-handle {
    top: -.3em;
    margin-left: -.6em
}

.ui-slider-horizontal .ui-slider-range {
    top: 0;
    height: 100%
}

.ui-slider-horizontal .ui-slider-range-min {
    left: 0
}

.ui-slider-horizontal .ui-slider-range-max {
    right: 0
}

.ui-slider-vertical {
    width: .8em;
    height: 100px
}

.ui-slider-vertical .ui-slider-handle {
    left: -.3em;
    margin-left: 0;
    margin-bottom: -.6em
}

.ui-slider-vertical .ui-slider-range {
    left: 0;
    width: 100%
}

.ui-slider-vertical .ui-slider-range-min {
    bottom: 0
}

.ui-slider-vertical .ui-slider-range-max {
    top: 0
}

.ui-tabs {
    position: relative;
    padding: .2em;
    zoom: 1
}

.ui-tabs .ui-tabs-nav {
    margin: 0;
    padding: .2em .2em 0
}

.ui-tabs .ui-tabs-nav li {
    list-style: none;
    float: left;
    position: relative;
    top: 1px;
    margin: 0 .2em 1px 0;
    border-bottom: 0 !important;
    padding: 0;
    white-space: nowrap
}

.ui-tabs .ui-tabs-nav li a {
    float: left;
    padding: .5em 1em;
    text-decoration: none
}

.ui-tabs .ui-tabs-nav li.ui-tabs-selected {
    margin-bottom: 0;
    padding-bottom: 1px
}

.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a {
    cursor: text
}

.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a {
    cursor: pointer
}

.ui-tabs .ui-tabs-panel {
    display: block;
    border-width: 0;
    padding: 1em 1.4em;
    background: 0
}

.ui-tabs .ui-tabs-hide {
    display: none !important
}

.ui-datepicker {
    width: 17em;
    padding: .2em .2em 0;
    display: none
}

.ui-datepicker .ui-datepicker-header {
    position: relative;
    padding: .2em 0
}

.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
    position: absolute;
    top: 2px;
    width: 1.8em;
    height: 1.8em
}

.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover {
    top: 1px
}

.ui-datepicker .ui-datepicker-prev {
    left: 2px
}

.ui-datepicker .ui-datepicker-next {
    right: 2px
}

.ui-datepicker .ui-datepicker-prev-hover {
    left: 1px
}

.ui-datepicker .ui-datepicker-next-hover {
    right: 1px
}

.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span {
    display: block;
    position: absolute;
    left: 50%;
    margin-left: -8px;
    top: 50%;
    margin-top: -8px
}

.ui-datepicker .ui-datepicker-title {
    margin: 0 2.3em;
    line-height: 1.8em;
    text-align: center
}

.ui-datepicker .ui-datepicker-title select {
    font-size: 1em;
    margin: 1px 0
}

.ui-datepicker select.ui-datepicker-month-year {
    width: 100%
}

.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {
    width: 49%
}

.ui-datepicker table {
    width: 100%;
    font-size: .9em;
    border-collapse: collapse;
    margin: 0 0 .4em
}

.ui-datepicker th {
    padding: .7em .3em;
    text-align: center;
    font-weight: bold;
    border: 0
}

.ui-datepicker td {
    border: 0;
    padding: 1px
}

.ui-datepicker td span, .ui-datepicker td a {
    display: block;
    padding: .2em;
    text-align: right;
    text-decoration: none
}

.ui-datepicker .ui-datepicker-buttonpane {
    background-image: none;
    margin: .7em 0 0 0;
    padding: 0 .2em;
    border-left: 0;
    border-right: 0;
    border-bottom: 0
}

.ui-datepicker .ui-datepicker-buttonpane button {
    float: right;
    margin: .5em .2em .4em;
    cursor: pointer;
    padding: .2em .6em .3em .6em;
    width: auto;
    overflow: visible
}

.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
    float: left
}

.ui-datepicker.ui-datepicker-multi {
    width: auto
}

.ui-datepicker-multi .ui-datepicker-group {
    float: left
}

.ui-datepicker-multi .ui-datepicker-group table {
    width: 95%;
    margin: 0 auto .4em
}

.ui-datepicker-multi-2 .ui-datepicker-group {
    width: 50%
}

.ui-datepicker-multi-3 .ui-datepicker-group {
    width: 33.3%
}

.ui-datepicker-multi-4 .ui-datepicker-group {
    width: 25%
}

.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header {
    border-left-width: 0
}

.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
    border-left-width: 0
}

.ui-datepicker-multi .ui-datepicker-buttonpane {
    clear: left
}

.ui-datepicker-row-break {
    clear: both;
    width: 100%;
    font-size: 0
}

.ui-datepicker-rtl {
    direction: rtl
}

.ui-datepicker-rtl .ui-datepicker-prev {
    right: 2px;
    left: auto
}

.ui-datepicker-rtl .ui-datepicker-next {
    left: 2px;
    right: auto
}

.ui-datepicker-rtl .ui-datepicker-prev:hover {
    right: 1px;
    left: auto
}

.ui-datepicker-rtl .ui-datepicker-next:hover {
    left: 1px;
    right: auto
}

.ui-datepicker-rtl .ui-datepicker-buttonpane {
    clear: right
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button {
    float: left
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current {
    float: right
}

.ui-datepicker-rtl .ui-datepicker-group {
    float: right
}

.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header {
    border-right-width: 0;
    border-left-width: 1px
}

.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
    border-right-width: 0;
    border-left-width: 1px
}

.ui-datepicker-cover {
    display: none;
    display: block;
    position: absolute;
    z-index: -1;
    filter: mask();
    top: -4px;
    left: -4px;
    width: 200px;
    height: 200px
}

.ui-progressbar {
    height: 2em;
    text-align: left;
    overflow: hidden
}

.ui-progressbar .ui-progressbar-value {
    margin: -1px;
    height: 100%
}

@charset "utf-8";
a {
    outline: 0
}

html, body {
    _height: 100%
}

input {
    background: transparent
}

.mb0 {
    margin-bottom: 0 !important
}

.ap_dl .ap_thumb li a i, .add a.edit_again, .art_title > a, .tl_con dd i, .pull_list li a i, .ap_first a i {
    transition: background .3s ease-in-out 0s;
    -webkit-transition: background .3s ease-in-out 0s;
    -moz-transition: background .3s ease-in-out 0s;
    -o-transition: background .3s ease-in-out 0s
}

#header {
    margin-bottom: 0
}

.btprimaryprimaryn_c, .btn_big {
    padding: 0 25px;
    height: 28px;
    line-height: 28px;
    background: #ffa800;
    display: inline-block;
    color: #fff;
    font-size: 14px;
    border-radius: 3px
}

.btn_c:hover, .btn_big:hover {
    background: #ff8a00;
    color: #fff;
    text-decoration: none
}

.btn_big {
    padding: 0 28px;
    height: 36px;
    line-height: 36px;
    font-size: 18px;
    text-align: center;
    border-radius: 5px
}

.btn_c.disable, .btn_big.disable {
    background: #ccc;
    cursor: default
}

.paragraph_name input, .vc_input input, .art_at .art_search input {
    transition: .2s linear 0s;
    -webkit-transition: .2s linear 0s;
    -moz-transition: .2s linear 0s;
    -o-transition: .2s linear 0s
}

.paragraph_name input.inputting, .vc_input input.inputting, .art_at .art_search input.inputting {
    background-color: #fff;
    border-color: #ffc65a;
    box-shadow: 0 0 3px rgba(255, 198, 90, 1)
}

.paragraph_name input.inputed, .vc_input input.inputed, .art_at .art_search input.inputed {
    border-color: #ccc;
    background-color: #fff
}

.replypopfade {
    position: absolute;
    background-color: #aaa
}

div.replypop {
    position: absolute;
    background-color: #fff;
    text-align: left;
    border: solid 3px #999 9;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px
}

div.replypop .replypopclose {
    position: absolute;
    top: 12px;
    right: 12px;
    width: 13px;
    height: 12px;
    cursor: pointer;
    background: url(/images/post/selected_icon2.gif) -32px -73px no-repeat;
    display: block;
    line-height: 100px;
    overflow: hidden
}

div.replypop .replypopmessage {
    line-height: 20px;
    color: #444
}

.replypop .quick_reply_box {
    position: static;
    padding: 0;
    box-shadow: none;
    border: 0 none;
    width: auto
}

.replypop .publish_reply .btn_big {
    width: 75px;
    font-size: 14px
}

.replypop .quick_reply_box .at_pop {
    left: -23px
}

.quick_reply_box .reply_tags {
    overflow: hidden;
    *zoom: 1
}

.quick_reply_box .reply_tags ul {
    width: 220px
}

.reply_tips {
    font-size: 10px;
    line-height: 24px
}

.reply_tips span {
    color: #999
}

.cp_placeholder {
    height: 81px
}

.complete_percent {
    border-bottom: 1px solid #d7cbba;
    line-height: 36px;
    background-color: #fff;
    background-color: rgba(255, 255, 255, .95);
    z-index: 20
}

.complete_percent_fixed {
    position: fixed;
    top: 0;
    left: 0;
    right: 0
}

.cp_center {
    width: 980px;
    margin: 0 auto;
    padding: 22px 0;
    height: 36px;
    position: relative
}

.cp_center .cp_preview {
    margin-left: 40px
}

.cp_center .modify_cancel {
    margin-left: 15px;
    color: #ff9d00;
    font-size: 18px
}

.cp_center .modifytip {
    color: #999;
    margin-right: -10px
}

.store_draft {
    color: #999
}

.store_draft .store_it {
    margin-left: 15px;
    color: #ff8a00;
    font-size: 18px
}

.cp_detail .cp_name {
    font-size: 18px
}

.cp_num {
    display: inline;
    margin: 0 15px
}

.cp_num i {
    width: 10px;
    height: 10px;
    display: inline-block;
    background-color: #ccc;
    border-radius: 50%;
    transform-origin: 50%;
    -webkit-transform-origin: 50%;
    -moz-transform-origin: 50%;
    -o-transform-origin: 50%;
    margin: 0 1px
}

.cp_num i.completed {
    background-color: #add75c
}

.cp_num i.on {
    background-color: #add75c;
    transform: scale(2);
    -webkit-transform: scale(2);
    -moz-transform: scale(2);
    -o-transform: scale(2);
    margin: 0 6px
}

.cp_num strong {
    font-size: 18px;
    color: #999;
    font-weight: normal;
    font-family: Verdana;
    margin-left: 8px;
    vertical-align: -2px
}

.cp_detail .cp_more i {
    width: 9px;
    height: 5px;
    display: inline-block;
    background: url(/images/post/new_notes/nn_v2/nn_sprite_v25.png) -1px -1px no-repeat;
    margin: 0 0 0 4px;
    vertical-align: 1px
}

.cp_detail .cp_more:hover {
    color: #ff8a00;
    text-decoration: none
}

.cp_detail .cp_more:hover i {
    background-position: -1px -7px
}

.cp_center .btn_faq {
    margin-left: 15px;
    color: #999;
    text-decoration: underline
}

.cp_center .btn_faq:hover {
    text-decoration: none
}

.cp_detail_tips {
    position: relative;
    z-index: 1000
}

.cp_detail_tips .cp_name {
    color: #fff;
    position: relative;
    z-index: 30
}

.cp_detail_tips .cp_more {
    position: relative
}

.cp_detail_tips .cp_more:before {
    content: "";
    width: 380px;
    height: 240px;
    position: absolute;
    left: -130px;
    top: -15px;
    background-image: url(/images/post/new_notes/nn_v2/tips_v5.png);
    background-position: -184px -194px;
    z-index: 30
}

.complete_list {
    width: 480px;
    padding: 22px 38px 30px 90px;
    border: 1px solid #ccc;
    background-color: #fff;
    border-radius: 5px;
    position: absolute;
    top: 80%;
    box-shadow: 0 2px 0 rgba(0, 0, 0, 0.05);
    display: none;
    z-index: 20
}

.complete_list ul {
    position: relative
}

.complete_list ul:after {
    content: "";
    width: 2px;
    background-color: #f6f6f6;
    position: absolute;
    left: -35px;
    top: 20px;
    bottom: 20px;
    z-index: 0
}

.complete_list li {
    padding: 16px 0;
    line-height: 24px;
    position: relative;
    border-bottom: 1px solid #efefef;
    font-size: 14px;
    *zoom: 1
}

.complete_list li:after {
    content: "";
    display: table;
    overflow: hidden;
    clear: both
}

.complete_list .name {
    width: 195px;
    display: inline-block
}

.complete_list .num {
    width: 38px;
    position: absolute;
    right: 103%;
    top: 10px;
    background: url(/images/post/new_notes/nn_v2/nn_sprite_v25.png) 0 -160px no-repeat;
    font-size: 20px;
    color: #bbb;
    font-weight: normal;
    text-align: center;
    line-height: 38px;
    z-index: 10
}

.complete_list .btn_c {
    float: right;
    font-size: 12px;
    line-height: 22px;
    height: 22px;
    padding: 0;
    width: 58px;
    text-align: center;
    border: 1px solid #ffa800
}

.complete_list .up_pics_first {
    color: #ea3c1a;
    font-size: 14px;
    padding: 5px 10px;
    background-color: #fff;
    position: absolute;
    right: -10px;
    top: 50%;
    margin-top: -17px;
    line-height: 24px
}

.complete_list .up_pics_first i {
    width: 16px;
    height: 16px;
    background: url(/images/post/new_notes/nn_v2/nn_sprite_v25.png) -142px -59px no-repeat;
    vertical-align: middle;
    margin-right: 5px;
    display: inline-block
}

.complete_list li.on {
    color: #999
}

.complete_list .on .num {
    background-position: -39px -160px;
    height: 38px;
    line-height: 200px;
    overflow: hidden
}

.complete_list .on .btn_c, .complete_list .on .btn_c:hover {
    border: 1px solid #d7d7d7;
    background-color: #fff;
    cursor: default;
    color: #999
}

.wrapper {
    width: 980px;
    margin: 0 auto;
    padding: 25px 0
}

.upload {
    text-align: center;
    overflow: hidden
}

.up_pics {
    width: 150px;
    height: 150px;
    margin: 100px auto 0
}

.up_pics a {
    width: 100%;
    height: 100%;
    display: block;
    border: 1px dotted #cecece
}

.up_pics i {
    width: 42px;
    height: 42px;
    display: inline-block;
    background: url(/images/post/new_notes/sprite_v35.png) -243px -1px no-repeat;
    margin: 32px auto 0
}

.up_pics span {
    margin-top: 20px;
    display: block;
    font-size: 22px;
    color: #ff8a00
}

.up_pics a:hover {
    background: #ffc75b;
    text-decoration: none;
    border-color: #ffc75b
}

.up_pics a:hover i {
    background-position: -260px -350px
}

.up_pics a:hover span {
    color: #fff
}

.up_tips {
    margin: 40px 0 138px
}

.up_tips strong {
    font-size: 32px;
    font-weight: normal;
    display: inline-block
}

.up_tips p {
    margin-top: 10px;
    color: #999;
    font-size: 15px
}

.box_con {
    width: 980px;
    margin: 0 auto;
    background: #fff;
    position: relative
}

.box_info {
    margin-bottom: 20px;
    position: relative;
    line-height: 24px
}

.up_num {
    font-size: 14px;
    display: inline-block;
    position: relative;
    top: -2px
}

.up_num em {
    padding: 0 5px;
    font-size: 20px;
    font-family: Arial, Helvetica, STHeiti;
    font-style: normal
}

.up_num em strong {
    font-weight: normal;
    color: #ff8a00
}

.up_add {
    float: right;
    font-size: 16px;
    color: #999;
    padding: 4px 30px 5px;
    border-radius: 3px;
    line-height: 24px;
    background: #ffa800;
    color: #fff;
    display: none
}

.up_add i {
    width: 16px;
    height: 16px;
    display: inline-block;
    background: url(/images/post/new_notes/sprite_v35.png) -260px -393px no-repeat;
    vertical-align: -3px;
    margin-right: 8px
}

.up_add:hover {
    text-decoration: none;
    background: #ff8a00;
    color: #fff
}

.box_step {
    margin-top: 15px;
    position: relative;
    height: 74px
}

.add_mark input {
    vertical-align: middle;
    margin: 0 5px 0 0
}

.box_tips {
    margin-top: 20px;
    font-size: 14px;
    color: #999
}

.box_tips i {
    width: 92px;
    height: 40px;
    background: url(/images/post/new_notes/sprite_v35.png) -347px -89px no-repeat;
    display: inline-block;
    vertical-align: -8px;
    margin-left: 5px
}

.box_step .btn_big {
    position: absolute;
    right: 0;
    top: 20px
}

.box_step .btn_big.disable, .box_step .btn_big.disable:hover {
    background-color: #e5e5e5;
    cursor: default
}

.box_add {
    height: 60px;
    background: #191919
}

.ba_con {
    width: 980px;
    height: 40px;
    margin: 0 auto;
    padding-top: 20px
}

.ba_con a {
    font-size: 18px;
    color: #fff
}

.ba_con a i {
    width: 14px;
    height: 14px;
    background: url(/images/post/new_notes/sprite_v35.png) -439px -94px no-repeat;
    display: inline-block;
    margin-right: 10px;
    font-size: 0
}

.ba_con a:hover {
    color: #ffa800;
    text-decoration: none
}

.ba_con a:hover i {
    background-position: -222px -318px
}

.uploading {
    position: relative
}

.up_list {
    height: 360px
}

.up_list li {
    width: 100px;
    height: 100px;
    margin: 0 10px 10px 0;
    float: left;
    position: relative;
    cursor: pointer
}

.up_list li img {
    width: 100px;
    height: 100px
}

.up_list li.li_bar .bar, .up_list li.li_wait .wait, .up_list li.li_failure .failure {
    display: block
}

.up_list li.li_cover .bar {
    display: block
}

.up_list li.li_cover .pro_bar {
    display: none
}

.cover, .cover_pop {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0
}

.cover {
    display: none
}

.cover_pop {
    background: rgba(0, 0, 0, 0.6);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#AB000000, endColorstr=#AB000000)
}

.pro_bar {
    width: 100%;
    height: 16px;
    line-height: 16px;
    top: 84px;
    position: absolute;
    background: #9abd5b
}

.pro_bar i {
    position: absolute;
    height: 16px;
    left: 0;
    top: 0;
    background: #add75c;
    width: 0
}

.pro_bar span {
    position: absolute;
    right: 5px;
    color: #fff
}

.whirl .cover_pop, .turn {
    height: 24px;
    top: 76px
}

.turn {
    width: 100%;
    position: absolute
}

.turn a {
    width: 24px;
    height: 24px;
    display: inline-block;
    margin: 0 6px 0 5px;
    background: url(/images/post/new_notes/sprite_v35.png) -439px -36px no-repeat
}

.turn a.right {
    background-position: -439px -61px
}

.turn a.close {
    background-position: -460px -50px;
    margin-right: 0
}

.wait_up {
    width: 48px;
    height: 36px;
    line-height: 18px;
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -18px 0 0 -24px;
    font-size: 14px;
    color: #fff
}

.close_ico {
    width: 20px;
    height: 20px;
    background: url(/images/post/new_notes/sprite_v35.png) -442px 0 no-repeat;
    position: absolute;
    right: 0;
    top: 0;
    cursor: pointer
}

.up_failure {
    width: 65px;
    height: 65px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -30px 0 0 -33px;
    text-align: center;
    color: #fff
}

.up_failure i {
    width: 40px;
    height: 40px;
    display: block;
    margin: 0 auto 10px;
    background: url(/images/post/new_notes/sprite_v35.png) -305px 0 no-repeat
}

.big {
    width: 400px;
    height: 266px;
    position: absolute;
    padding: 7px;
    border: 1px solid #a5a5a5;
    background: #fff;
    z-index: 100;
    box-shadow: 0 2px 5px #333;
    cursor: default
}

.up_list li .big img {
    width: auto;
    height: auto
}

.big .close_ico {
    right: 7px;
    top: 7px
}

.mCS-photos .mCSB_container {
    width: 960px;
    overflow: hidden
}

.mCS-photos .mCSB_scrollTools {
    width: 28px;
    height: 100%;
    background: #eee;
    top: 0;
    right: 0
}

.mCS-photos .mCSB_buttonUp, .mCS-photos .mCSB_buttonDown {
    width: 0;
    height: 0;
    border-width: 6px;
    line-height: 0;
    margin: 0 auto;
    cursor: pointer;
    position: relative;
    display: block
}

.mCS-photos .mCSB_buttonUp {
    border-style: dashed dashed solid dashed;
    border-color: transparent transparent #c5c5c5 transparent;
    margin-top: 5px
}

.mCS-photos .mCSB_buttonUp:hover {
    border-bottom-color: #ffc65a
}

.mCS-photos .mCSB_buttonDown {
    border-style: solid dashed dashed dashed;
    border-color: #c5c5c5 transparent transparent transparent;
    top: 100%;
    margin-top: -34px
}

.mCS-photos .mCSB_buttonDown:hover {
    border-top-color: #ffc65a
}

.mCS-photos .mCSB_draggerContainer {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    height: auto
}

.mCS-photos a + .mCSB_draggerContainer {
    margin: 28px 0
}

.mCS-photos .mCSB_dragger {
    width: 100%;
    cursor: pointer;
    height: 30px
}

.mCS-photos .mCSB_dragger .mCSB_dragger_bar {
    width: 10px;
    background: #c5c5c5;
    margin: 0 auto;
    height: 100%;
    text-align: center
}

.mCS-photos .mCSB_dragger .mCSB_dragger_bar:hover {
    background: #ffc65a
}

.add_place {
    width: 100%;
    height: 240px;
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 996;
    _position: absolute;
    _bottom: auto;
    _top: expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)))
}

.ap_bg {
    width: 100%;
    height: 240px;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#DF000000, endColorstr=#DF000000);
    background: rgba(0, 0, 0, 0.9);
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 0;
    _background: #000
}

.add_con {
    width: 980px;
    margin: 0 auto;
    height: 190px;
    padding: 25px 0;
    position: relative;
    z-index: 1
}

.add_con .close_show {
    width: 100px;
    height: 16px;
    line-height: 16px;
    color: #fff;
    text-align: center;
    position: absolute;
    left: 50%;
    margin-left: -50px;
    top: 0;
    background: #343434;
    cursor: pointer
}

.add_con .close_show i {
    width: 7px;
    height: 4px;
    background: url(/images/post/new_notes/sprite_v35.png) -487px -48px no-repeat;
    display: inline-block;
    margin-right: 5px;
    vertical-align: 2px;
    *+vertical-align: 4px;
    _font-size: 0
}

.add_con .close_show:hover {
    background: #9a6601;
    text-decoration: none
}

.add_con .close_show:hover i {
    background-position: -487px -53px
}

.ac_info {
    color: #fff;
    font-size: 14px;
    position: absolute;
    top: 25px;
    left: 0;
    display: none
}

.up_bar, .up_bar i {
    display: inline-block;
    width: 160px;
    height: 5px;
    line-height: 0;
    background: #d6d6d6;
    border-radius: 3px;
    position: relative;
    vertical-align: 2px;
    margin: 0 10px;
    _font-size: 0
}

.up_bar i {
    position: absolute;
    left: 0;
    top: 0;
    margin: 0;
    background: #add75c;
    vertical-align: 0;
    width: 0
}

.ac_num {
    font-size: 12px
}

.ap_first {
    width: 112px;
    height: 140px;
    margin: 0 14px 0 0;
    position: absolute;
    left: 0;
    top
}

.ap_first a {
    width: 100px;
    height: 128px;
    padding: 5px;
    position: relative;
    border: 1px dashed #ff8a00;
    display: inline-block;
    text-align: center;
    font-size: 14px
}

.ap_first a:hover {
    text-decoration: none;
    zoom: 1;
    background: #ffc65a
}

.ap_first a i {
    width: 48px;
    height: 48px;
    margin: 0;
    background: url(/images/post/new_notes/nn_v2/nn_sprite_v25.png) 0 -328px no-repeat;
    position: absolute;
    left: 31px;
    top: 31px
}

.ap_first a:hover i {
    background-position: 0 -376px
}

.ap_first a span {
    color: #ffa800;
    margin-top: 95px;
    display: inline-block
}

.ap_first a:hover span {
    color: #fff
}

.ap_list {
    margin-top: 36px
}

.ap_thumb li {
    width: 110px;
    height: 110px;
    background: #fff
}

.ap_thumb li a {
    width: 108px;
    height: 108px;
    border: 1px dashed #d7d7d7;
    display: inline-block;
    text-align: center;
    font-size: 14px
}

.ap_thumb li a i, .drag i {
    width: 38px;
    height: 38px;
    display: block;
    margin: 25px auto 10px;
    background: url(/images/post/new_notes/sprite_v35.png) no-repeat
}

.ap_thumb {
    width: 840px;
    overflow: hidden;
    zoom: 1;
    position: relative
}

.ap_thumb ul {
    width: 100000px;
    position: relative
}

.ap_thumb li {
    background: #f4f4f4;
    float: left;
    margin-right: 10px
}

.ap_thumb li a {
    cursor: default;
    color: #666;
    position: relative
}

.ap_thumb li a i, .drag i {
    width: 40px;
    height: 40px
}

.ap_thumb li.house a i {
    background-position: 0 -41px
}

.ap_thumb li.hotel a i {
    background-position: -41px -41px
}

.ap_thumb li.food a i {
    background-position: -82px -41px
}

.ap_thumb li.play a i {
    background-position: -123px -41px
}

.ap_thumb li.plane a i {
    background-position: -164px -41px
}

.ap_thumb li.traffic a i {
    background-position: -164px -41px
}

.ap_thumb li.shopping a i {
    background-position: -205px -41px
}

.ap_thumb li a:hover {
    color: #666;
    text-decoration: none;
    zoom: 1
}

.ap_dl .ap_thumb li a {
    cursor: pointer
}

.ap_dl .ap_thumb li a:hover {
    background: #fff
}

.ap_dl .ap_thumb li.house a:hover i {
    background-position: 0 -83px
}

.ap_dl .ap_thumb li.hotel a:hover i {
    background-position: -41px -83px
}

.ap_dl .ap_thumb li.food a:hover i {
    background-position: -82px -83px
}

.ap_dl .ap_thumb li.play a:hover i {
    background-position: -123px -83px
}

.ap_dl .ap_thumb li.plane a:hover i {
    background-position: -164px -83px
}

.ap_dl .ap_thumb li.shopping a:hover i {
    background-position: -205px -83px
}

.mCS-rec-poi .mCSB_container {
    width: 720px;
    overflow: hidden
}

.mCS-rec-poi .mCSB_scrollTools {
    width: 10px;
    height: 100%;
    top: 0;
    right: 10px
}

.mCS-rec-poi .mCSB_draggerContainer {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    height: auto
}

.mCS-rec-poi .mCSB_dragger {
    width: 100%;
    cursor: pointer;
    height: 30px
}

.mCS-rec-poi .mCSB_dragger .mCSB_dragger_bar {
    width: 100%;
    height: 100%;
    text-align: center;
    background-color: #c5c5c5;
    border-radius: 10px
}

.get_right {
    width: 20px;
    height: 37px;
    background: url(/images/post/new_notes/sprite_v35.png) -350px 0 no-repeat;
    margin-top: 38px;
    display: none
}

.get_right:hover {
    background-position: -350px -44px
}

.ap_tips {
    margin-top: 25px;
    font-size: 18px;
    color: #fff;
    padding-right: 30px;
    position: relative
}

.ap_tips .btn_c {
    float: right
}

.ap_tips i {
    width: 23px;
    height: 37px;
    background: url(/images/post/new_notes/sprite_v35.png) -473px 0 no-repeat;
    position: absolute;
    left: -12px;
    top: -22px
}

.poi-popupfade {
    position: absolute;
    background-color: #aaa
}

.poi-popup {
    position: absolute;
    background-color: #fff;
    border-radius: 3px;
    box-shadow: 0 0 3px rgba(0, 0, 0, .3);
    border: 1px solid #ccc \9;
    border: none\9 \0
}

.poi-popupcontainer {
    padding: 30px 0 30px 30px;
    position: relative
}

.poi-popupclose {
    width: 36px;
    height: 27px;
    background: url(/images/other/popctn_bg.png) 0 -165px no-repeat;
    _background: url(/images/other/popctn_bg4.gif) 0 -165px no-repeat;
    outline: 0;
    position: absolute;
    right: 0;
    top: 11px;
    cursor: pointer
}

.poi-popupclose i {
    margin: 8px 0 0 8px;
    width: 9px;
    height: 9px;
    background: url(/images/other/i_cross.gif) no-repeat;
    display: block;
    -moz-transition: 1s ease-in-out 0s;
    -webkit-transition: 1s ease-in-out 0s
}

.poi-popupclose:hover i {
    -moz-transform: scale(1.1) rotate(360deg);
    -webkit-transform: scale(1.1) rotate(360deg);
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -moz-transition: 1s ease-in-out 0s;
    -webkit-transition: 1s ease-in-out 0s
}

.popup_add {
    width: 710px;
    height: 464px;
    padding: 30px;
    margin: -132px 0 0 -385px;
    background: #fff;
    top: 25%
}

.ap_title {
    font-size: 16px
}

.ap_search {
    padding: 0 10px 0 40px;
    border: 1px solid #d6d6d6;
    margin: 15px 30px 0 0;
    position: relative;
    z-index: 10;
    width: 658px
}

.ap_btn i {
    width: 20px;
    height: 20px;
    position: absolute;
    left: 10px;
    top: 10px;
    background: url(/images/post/new_notes/sprite_v35.png) -460px -92px no-repeat
}

.ap_search span.added {
    height: 16px;
    line-height: 16px;
    padding: 5px 5px 5px 10px;
    background: #ffb83e;
    display: inline-block;
    margin: 6px 5px 0 0;
    color: #fff;
    font-size: 14px;
    border-radius: 4px
}

.ap_search span.added i {
    width: 14px;
    height: 14px;
    display: inline-block;
    vertical-align: top;
    margin-left: 5px;
    font-size: 12px;
    font-family: serif, verdana, Arial, "Lucida Grande", "Microsoft Yahei", "Hiragino Sans GB", "Hiragino Sans GB W3", SimSun, STHeiti;
    font-style: normal;
    cursor: pointer;
    transition: 1s ease-in-out;
    -webkit-transition: 1s ease-in-out 0s;
    -moz-transition: 1s ease-in-out;
    -o-transition: 1s ease-in-out;
    line-height: 14px;
    text-align: center
}

.ap_search span.added i:hover {
    transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -moz-transform: totate(360deg);
    -o-transform: rotate(360deg);
    transform-origin: 50% 50%;
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%
}

.ap_search input {
    width: 300px;
    height: 20px;
    margin: 10px 0;
    line-height: 20px;
    font-size: 14px;
    color: #999;
    border: 0;
    _border: 0
}

.ap_search input::-ms-clear {
    display: none
}

ul.result {
    height: 200px;
    padding: 10px 0;
    width: 100%;
    position: absolute;
    left: -1px;
    top: 42px;
    border: 1px solid #d6d6d6;
    background: #fff;
    z-index: 100;
    overflow-y: auto;
    _width: 708px
}

ul.result li {
    padding-left: 45px;
    height: 40px;
    line-height: 40px;
    font-size: 14px;
    cursor: pointer
}

ul.result li.on, ul.result li:hover {
    background: #fff6df;
    color: #ff8a00
}

.ap_submit_btn {
    background-color: #fff;
    padding: 20px 30px 0 0;
    text-align: right
}

.ap_submit_btn .ap_btn_sub {
    border: 1px solid #ff9c00;
    background-color: #ff9c00;
    color: #fff;
    padding: 0 28px;
    text-align: center;
    border-radius: 3px;
    margin: 0 2px;
    cursor: pointer;
    height: 35px;
    line-height: 35px;
    font-size: 18px
}

ul.result li.not_found {
    height: auto;
    line-height: 24px;
    padding: 15px 0 20px 45px;
    background: #fff6df
}

ul.result li.not_found:hover {
    color: #666
}

.not_found span {
    padding: 0 8px
}

.nf_title {
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 6px
}

.nf_tips {
    margin-bottom: 8px
}

.nf_search input {
    width: 170px;
    height: 18px;
    border: 1px solid #ffa800;
    background: #fff;
    padding: 2px 8px;
    line-height: 18px;
    vertical-align: middle;
    margin: 0 5px 0 0;
    font-size: 12px
}

.nf_search a {
    display: inline-block;
    vertical-align: middle;
    line-height: 24px;
    padding: 0 10px;
    background: #ffa800;
    color: #fff
}

.nf_search a:hover {
    background: #ff8a00;
    color: #fff;
    text-decoration: none
}

.nf_search a.disable {
    background-color: #ccc;
    cursor: default
}

.nf_search .nf_error {
    color: #ff7000;
    font-size: 12px
}

.ap_recommend {
    display: none
}

.ap_desc {
    margin-top: 25px;
    font-size: 14px
}

.ap_dl {
    margin-top: 15px;
    position: relative
}

.ap_dl dt {
    color: #e3e3e3;
    font-size: 14px;
    margin-left: -15px
}

.ap_dl dt a {
    display: inline-block;
    margin: 0 15px;
    color: #666;
    font-size: 14px
}

.ap_dl dt a:hover, .ap_dl dt a.on {
    color: #ff8a00;
    text-decoration: none
}

.ap_dl dd.ap_thumb {
    margin-top: 20px;
    width: 740px;
    height: 240px;
    overflow: auto
}

.ap_dl dd.ap_thumb ul {
    width: 720px
}

.ap_dl dd.ap_thumb ul li {
    margin-bottom: 10px
}

.ad_slide {
    position: absolute;
    top: 40px;
    right: -20px;
    height: 230px;
    width: 10px;
    _right: 10px
}

.ad_slide span {
    width: 10px;
    position: absolute;
    height: 130px;
    background: #c5c5c5;
    border-radius: 10px
}

.r_up .up_list {
    height: 482px;
    overflow: hidden;
    position: relative
}

.r_up .up_list_short {
    height: 270px
}

.ui-selectable-helper {
    position: absolute;
    border: 1px dashed #fff;
    background-color: #000;
    filter: Alpha(Opacity=15);
    opacity: .15;
    z-index: 1201
}

.selected {
    display: none
}

.selected i {
    width: 48px;
    height: 36px;
    display: inline-block;
    background: url(/images/post/new_notes/sprite_v35.png) -349px -132px no-repeat;
    position: absolute;
    left: 31px;
    top: 37px
}

.ui-selected .selected {
    display: block
}

.ul_tips {
    width: 152px;
    height: 36px;
    padding-left: 20px;
    background: url(/images/post/new_notes/sprite_v35.png) -328px -174px no-repeat;
    position: absolute;
    left: 470px;
    top: 40px;
    line-height: 30px
}

.add_pic .ul_tips {
    width: 173px;
    height: 38px;
    background-position: -310px -361px;
    line-height: 36px;
    padding-left: 18px
}

.up_list li.li_current_selected {
    width: 106px;
    height: 106px;
    border: 2px solid #ffa800
}

.up_list li.li_current_selected img {
    display: none
}

.up_list li.li_current_selected .selected {
    display: none
}

.up_list li.li_selected {
    width: 106px;
    height: 106px;
    border: 2px dashed #ccc
}

.up_list li.li_selected img {
    display: none
}

.up_list li.li_selected .selected {
    display: none
}

.all_over {
    height: 240px;
    line-height: 240px;
    text-align: center;
    font-size: 24px
}

.saving {
    width: 200px;
    height: 28px;
    padding: 31px 0;
    background: #1e1e1e;
    position: fixed;
    _position: absolute;
    left: 50%;
    top: 50%;
    margin: -45px 0 0 -100px;
    border-radius: 10px;
    color: #fff;
    font-size: 24px;
    z-index: 1000;
    overflow: hidden
}

.saving i {
    width: 28px;
    height: 28px;
    background: url(/images/post/new_notes/sprite_v35.png) -192px -318px no-repeat;
    float: left;
    margin: 0 10px 0 25px;
    animation: loading 1.3s infinite linear;
    -webkit-animation: loading 1.3s infinite linear;
    -moz-animation: loading 1.3s infinite linear;
    -o-animation: loading 1.3s infinite linear
}

@keyframes loading {
    0% {
        transform: rotate(0deg)
    }
    100% {
        transform: rotate(360deg)
    }
}

@-webkit-keyframes loading {
    0% {
        -webkit-transform: rotate(0deg)
    }
    100% {
        -webkit-transform: rotate(360deg)
    }
}

@-moz-keyframes loading {
    0% {
        -moz-transform: rotate(0deg)
    }
    100% {
        -moz-transform: rotate(360deg)
    }
}

@-o-keyframes loading {
    0% {
        -o-transform: rotate(0deg)
    }
    100% {
        -o-transform: rotate(360deg)
    }
}

.saving span {
    line-height: 28px
}

.pull_pics h2 {
    margin-bottom: 30px;
    position: relative;
    font-size: 16px;
    font-weight: normal
}

.pull_pics h2 i {
    width: 29px;
    height: 40px;
    display: inline-block;
    position: relative;
    top: 30px;
    left: -10px;
    background: url(/images/post/new_notes/sprite_v35.png) -461px -127px no-repeat
}

.pull_list {
    width: 980px;
    overflow: hidden;
    margin-left: 126px
}

.pull_list .ap_thumb {
    width: 996px
}

.pull_list li {
    width: 112px;
    height: 140px;
    margin: 0 14px 0 0
}

.pull_list li a {
    background: #fff;
    width: 100px;
    height: 128px;
    padding: 5px
}

.pull_list li.hover a {
    border: 2px solid #ffa800;
    padding: 5px
}

.pull_list li div {
    height: 100px;
    background: #d7d7d7
}

.pull_list li div img {
    width: 100px;
    height: 100px
}

.pull_list li a i {
    position: absolute;
    left: 35px;
    top: 35px;
    margin: 0
}

.pull_list li p {
    line-height: 34px;
    height: 34px;
    overflow: hidden;
    text-align: center
}

.ap_thumb li.have_pic a {
    cursor: pointer
}

.ap_thumb li.have_pic.house a i, .drag i.house {
    background-position: 0 -124px
}

.ap_thumb li.have_pic.hotel a i, .drag i.hotel {
    background-position: -41px -124px
}

.ap_thumb li.have_pic.food a i, .drag i.food {
    background-position: -82px -124px
}

.ap_thumb li.have_pic.play a i, .drag i.play {
    background-position: -123px -124px
}

.ap_thumb li.have_pic.plane a i, .drag i.plane {
    background-position: -164px -124px
}

.ap_thumb li.have_pic.traffic a i, .drag i.traffic {
    background-position: -164px -124px
}

.ap_thumb li.have_pic.shopping a i, .drag i.shopping {
    background-position: -205px -124px
}

.ap_thumb li.have_pic.house a:hover i {
    background-position: 0 -83px
}

.ap_thumb li.have_pic.hotel a:hover i {
    background-position: -41px -83px
}

.ap_thumb li.have_pic.food a:hover i {
    background-position: -82px -83px
}

.ap_thumb li.have_pic.play a:hover i {
    background-position: -123px -83px
}

.ap_thumb li.have_pic.plane a:hover i {
    background-position: -164px -83px
}

.ap_thumb li.have_pic.shopping a:hover i {
    background-position: -205px -83px
}

.readd_place {
    position: relative
}

.readd_place .pull_list {
    overflow: hidden;
    *zoom: 1;
    position: relative;
    height: 140px;
    width: 744px
}

.readd_place .pull_list .ap_thumb {
    position: absolute;
    left: 0;
    top: 0;
    width: 10000px
}

.place_slide span {
    position: absolute;
    left: -22px;
    top: 39px;
    width: 16px;
    height: 62px;
    background: url(/images/post/new_notes/nn_v2/nn_sprite_v25.png) 0 -265px no-repeat;
    cursor: pointer
}

.place_slide span:hover {
    background-position: -17px -265px
}

.place_slide .right {
    left: auto;
    right: -2px;
    background-position: -34px -265px
}

.place_slide .right:hover {
    background-position: -51px -265px
}

.next_step {
    margin-top: 20px;
    text-align: right
}

.collect {
    width: 110px;
    height: 110px;
    padding: 5px 13px 13px 5px;
    background: url(/images/post/new_notes/sprite_v35.png) -335px -217px no-repeat;
    z-index: 600
}

.collect img {
    width: 110px;
    height: 110px
}

.collect span {
    width: 40px;
    height: 40px;
    display: block;
    background: url(/images/post/new_notes/sprite_v35.png) -407px -132px no-repeat;
    position: absolute;
    left: 40px;
    top: 40px;
    line-height: 40px;
    text-align: center;
    color: #fff;
    font-size: 20px
}

.collect .clone_img {
    position: absolute;
    z-index: -1
}

.aw_notes_title {
    width: 100%;
    background: #fff;
    background: rgba(255, 255, 255, .95);
    position: absolute;
    z-index: 9
}

.set_index {
    height: 480px;
    background: url(/images/post/new_notes/nn_v2/page_bg.jpg) center 0 no-repeat;
    background-size: cover;
    position: relative
}

.set_bg, .set_map {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 0;
    background-position: center 0;
    background-repeat: no-repeat;
    overflow: hidden
}

.ver-switch {
    position: absolute;
    left: 50%;
    top: 15px;
    margin-left: -500px;
    width: 180px;
    text-align: center;
    height: 40px;
    background-color: #000;
    background-color: rgba(0, 0, 0, .7);
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    border-radius: 20px;
    line-height: 40px;
    z-index: 10
}

.ver-switch:hover {
    text-decoration: none
}

.set_bg {
    background-size: cover
}

.set_map {
    z-index: 1;
    overflow-y: hidden
}

.set_bg img {
    position: absolute;
    width: 100%;
    height: 100%
}

.title_bg {
    height: 119px;
    background: url(/images/post/new_notes/nn_v2/title_bg.png) 0 bottom repeat-x;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    opacity: .5;
    filter: alpha(opacity=50)
}

.si_thumb {
    width: 1680px;
    height: 480px;
    transform-style: preserve-3d;
    position: absolute;
    left: 50%;
    top: 0;
    margin-left: -840px;
    z-index: 25
}

.t_item {
    position: absolute;
    transition: .6s ease-in-out 0s;
    -webkit-transition: .6s ease-in-out 0s;
    -moz-transition: .6s ease-in-out 0s;
    -o-transition: .6s ease-in-out 0s;
    z-index: 100
}

.set_center {
    width: 980px;
    height: 480px;
    margin: 0 auto;
    position: relative
}

.set_page {
    height: 67px;
    padding: 200px 0 0 275px;
    width: 705px;
    margin: 0 auto;
    position: relative
}

.set_page a.set_add {
    width: 67px;
    height: 67px;
    float: left;
    margin-right: 20px;
    background: url(/images/post/new_notes/nn_v2/nn_sprite_v25.png) -10px 0 no-repeat;
    position: relative
}

.set_page a.set_add_tips:before {
    content: "";
    width: 78px;
    height: 78px;
    position: absolute;
    left: -9px;
    top: -9px;
    border: 2px dashed #de6751;
    border-radius: 10px
}

.set_page a.set_add_tips:after {
    content: "";
    width: 222px;
    height: 52px;
    background: url(/images/post/new_notes/nn_v2/tips_v4.png) 0 0 no-repeat;
    position: absolute;
    top: 80px;
    left: -10px
}

.set_page a.set_add:hover {
    background-position: -10px -67px
}

.set_page h2, .set_page h2 a {
    font-size: 24px;
    color: #333;
    font-weight: normal
}

.set_page h2 {
    margin-top: 2px
}

.set_page p {
    margin-top: 12px;
    font-size: 16px
}

.set_btn {
    width: 162px;
    position: absolute;
    left: 50%;
    bottom: 95px;
    margin-left: -489px;
    background-color: #8b8b8b;
    background-color: rgba(0, 0, 0, .7);
    z-index: 11;
    overflow: hidden
}

.set_btn a {
    width: 162px;
    height: 34px;
    font-size: 14px;
    line-height: 34px;
    overflow: hidden;
    color: #fff;
    display: block
}

.set_btn a:hover, .set_btn a.on, .set_btn a.a_set, .set_btn li:hover .a_add {
    background: #6a6a6a;
    background-color: rgba(0, 0, 0, .2);
    text-decoration: none;
    color: #ff8a00
}

.set_btn a i {
    width: 20px;
    height: 20px;
    display: inline-block;
    background: url(/images/post/new_notes/sprite_v35.png) -83px -630px no-repeat;
    vertical-align: -2px;
    float: left;
    margin: 7px 10px 0 13px
}

.set_btn a.a_add_tips:before, .set_btn a.a_add_tips:after {
    content: "";
    position: absolute
}

.set_btn a.a_add_tips:before {
    width: 158px;
    height: 40px;
    left: 0;
    top: -5px;
    border: 2px dashed #de6751;
    border-radius: 10px
}

.set_btn a.a_add_tips:after {
    width: 142px;
    height: 114px;
    background: url(/images/post/new_notes/nn_v2/tips_v4.png) -234px 0 no-repeat;
    left: 10px;
    top: 110%;
    z-index: 10
}

.set_btn a.a_change i {
    background-position: -108px -608px
}

.set_btn a.a_change:hover i {
    background-position: -108px -630px
}

.set_btn a.a_add i {
    background-position: -131px -607px
}

.set_btn li:hover .a_add i {
    background-position: -131px -630px
}

.set_btn a.a_delete i {
    background-position: -155px -607px
}

.set_btn a.a_delete:hover i {
    background-position: -155px -630px
}

.set_btn ul {
    position: absolute;
    top: 34px;
    left: 0;
    background: #8b8b8b;
    background-color: rgba(0, 0, 0, .7);
    z-index: 10;
    padding: 0 0 5px;
    transition: .2s ease-in-out 0s;
    -webkit-transition .2s ease-in-out 0s;
    -moz-transition .2s ease-in-out 0s;
    -o-transition .2s ease-in-out 0s;
    *zoom: 1
}

.set_btn.on {
    overflow: visible
}

.set_btn li {
    padding-bottom: 5px;
    position: relative
}

.set_btn li strong {
    width: 28px;
    height: 11px;
    background: url(/images/post/new_notes/sprite_v35.png) -453px -576px no-repeat;
    position: absolute;
    margin: -5px 0 0 -18px;
    line-height: 200px;
    overflow: hidden;
    z-index: 10
}

.set_btn a#swfCoverDiv {
    position: absolute;
    left: 0;
    top: 0
}

.set_title {
    width: 938px;
    padding: 20px 20px;
    height: 20px;
    background: #fff;
    border: 1px solid #fff;
    line-height: 20px;
    position: absolute;
    bottom: 25px;
    z-index: 1;
    left: 50%;
    margin-left: -489px;
    box-shadow: 0 2px 2px rgba(110, 98, 85, .5);
    transition: .2s linear 0s;
    -webkit-transition: .2s linear 0s;
    -moz-transition: .2s linear 0s;
    -o-transition: .2s linear 0s
}

.set_title input {
    width: 868px;
    height: 20px;
    line-height: 22px;
    font-size: 18px;
    border: 0;
    _border: 0;
    color: #666;
    float: left
}

.set_title span {
    float: right;
    color: #999;
    display: none
}

.set_title span strong {
    color: #f00;
    font-weight: normal
}

.set_title.on {
    border-color: #ffc65a;
    box-shadow: 0 0 3px rgba(255, 198, 90, 1)
}

.set_title.on span {
    display: inline
}

.set_title_style .style_tags {
    font-weight: normal;
    color: #999;
    float: left;
    font-size: 18px;
    line-height: 22px;
    height: 22px
}

.set_title_style input {
    width: 700px
}

.travel_detail {
    margin-bottom: 30px;
    width: 680px
}

.travel_detail ul {
    width: 690px
}

.travel_detail li {
    float: left;
    margin: 0 10px 10px 0
}

.travel_detail li a {
    display: block;
    width: 155px;
    padding: 19px 0 19px 63px;
    line-height: 20px;
    position: relative;
    float: left;
    border: 1px dashed #d7d7d7;
    border-radius: 8px;
    color: #999;
    font-size: 14px
}

.travel_detail li a:hover {
    text-decoration: none;
    color: #999
}

.travel_detail .days a, .travel_detail .edit a {
    padding-left: 66px;
    width: 152px
}

.travel_detail .edit a {
    border-color: #ffc65a;
    color: #ff8a00
}

.travel_detail .edit a:hover {
    background-color: #fff9e8
}

.travel_detail li strong {
    color: #666;
    font-weight: normal
}

.travel_detail .ico {
    width: 40px;
    height: 35px;
    position: absolute;
    bottom: 12px;
    left: 10px;
    background: url(/images/post/new_notes/nn_v2/nn_sprite_v25.png) -101px -82px no-repeat
}

.travel_detail .i_people {
    background-position: -142px -82px
}

.travel_detail .i_days {
    background-position: -266px -80px;
    height: 37px;
    width: 48px
}

.travel_detail .i_style {
    background-position: -183px -79px;
    height: 38px
}

.travel_detail .i_money {
    background-position: -224px -85px;
    height: 32px
}

.travel_detail .i_edit {
    width: 18px;
    height: 12px;
    background: url(/images/post/new_notes/nn_v2/nn_sprite_v25.png) -149px -134px no-repeat;
    position: absolute;
    left: 42px;
    top: 23px
}

.travel_detail .detail a {
    padding-left: 82px;
    width: 136px
}

.travel_detail .i_detail {
    width: 24px;
    height: 24px;
    background: url(/images/post/new_notes/nn_v2/nn_sprite_v25.png) -316px -81px no-repeat;
    position: absolute;
    left: 46px;
    top: 17px
}

.travel_detail a:hover .i_detail {
    background-position: -341px -81px
}

.article_title {
    margin: 20px 0;
    position: relative
}

.article_title h2 {
    height: 86px;
    background: url(/images/post/new_notes/nn_v2/t1.gif) 0 0 no-repeat;
    overflow: hidden;
    color: #444;
    font-size: 22px;
    font-weight: normal
}

.article_title h2 span {
    line-height: 95px;
    display: block
}

.article_title h2.t1 {
    background-image: url(/images/post/new_notes/nn_v2/t1.gif)
}

.article_title h2.t2 {
    background-image: url(/images/post/new_notes/nn_v2/t2.gif);
    text-align: center
}

.article_title h2.t3 {
    background-image: url(/images/post/new_notes/nn_v2/t3.gif)
}

.article_title h2.t3 span {
    margin-left: 72px;
    line-height: 102px
}

.article_title h2.t4 {
    background-image: url(/images/post/new_notes/nn_v2/t4.gif);
    color: #6f97b9
}

.article_title h2.t4 span {
    line-height: 80px
}

.article_title h2.t5 {
    background-image: url(/images/post/new_notes/nn_v2/t5.gif)
}

.article_title h2.t5 span {
    margin-left: 68px
}

.article_title h2.t6 {
    background-image: url(/images/post/new_notes/nn_v2/t6.gif);
    text-align: center
}

.article_title h2.t6 span {
    margin: 0 120px 0 70px
}

.article_title h2.t7 {
    background-image: url(/images/post/new_notes/nn_v2/t7.gif)
}

.article_title h2.t7 span {
    margin-right: 80px
}

.article_title h2.t8 {
    background-image: url(/images/post/new_notes/nn_v2/t8.gif)
}

.article_title h2.t8 span {
    margin: 0 70px 0 35px;
    line-height: 110px
}

@media (-webkit-min-device-pixel-ratio: 2),(min-device-pixel-ratio: 2) {
    .article_title h2.t6 {
        background-image: url(/images/post/new_notes/nn_v2/t6_2x.gif);
        background-size: 680px
    }

    .article_title h2.t7 {
        background-image: url(/images/post/new_notes/nn_v2/t7_2x.gif);
        background-size: 680px
    }

    .article_title h2.t8 {
        background-image: url(/images/post/new_notes/nn_v2/t8_2x.gif);
        background-size: 680px
    }
}

.article_title h2.t9 {
    height: 50px;
    overflow: hidden;
    color: #222;
    font-size: 24px;
    line-height: 50px;
    background: 0
}

.article_title h2.t9 span {
    line-height: 50px
}

.article_title h2.word_center {
    text-align: center
}

.article_title .handle {
    line-height: 16px;
    position: absolute;
    right: 0;
    top: 5px;
    display: none
}

.article_title:hover .handle {
    display: inline-block
}

.handle a {
    width: 24px;
    height: 16px;
    display: inline-block;
    background: url(/images/post/new_notes/nn_v2/nn_sprite_v25.png) -306px -134px no-repeat;
    line-height: 200px;
    overflow: hidden
}

.handle a:hover {
    background-position: -331px -134px
}

.handle .delete {
    width: 16px;
    background-position: -358px -134px;
    margin-left: 10px
}

.handle .delete:hover {
    background-position: -373px -134px
}

.video_up_success {
    width: 380px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -80px 0 0 -185px;
    color: #FFF;
    font-size: 20px;
    line-height: 28px;
    text-align: center
}

.video_up_success i {
    width: 100px;
    height: 100px;
    background: url(/images/post/new_notes/sprite_v35.png) -399px -610px no-repeat;
    display: inline-block
}

.video_up_success i.vus2 {
    background-position: -298px -610px
}

.video_up_success p {
    margin-top: 8px;
    background: rgba(0, 0, 0, 0.5);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#50000000, endColorstr=#50000000);
    border-radius: 5px;
    padding: 2px 10px
}

.add {
    width: 980px;
    margin: 40px auto 20px;
    position: relative
}

.add a.edit_again {
    width: 23px;
    height: 20px;
    background: url(/images/post/new_notes/sprite_v35.png) -198px -427px no-repeat;
    line-height: 200px;
    overflow: hidden;
    display: inline-block;
    vertical-align: middle;
    margin-left: 5px
}

.add a.edit_again:hover {
    background-position: -224px -427px
}

.add_title {
    line-height: 24px
}

.add_word {
    width: 680px;
    background-color: #fff;
    margin-bottom: 18px
}

.add_word p {
    line-height: 25px;
    font-size: 14px;
    cursor: text
}

.at_pic, .add_create {
    display: inline-block;
    padding: 1px 8px 3px 5px;
    font-size: 14px;
    color: #ff8a00;
    border-radius: 3px;
    line-height: 24px
}

.at_pic:hover, .add_create:hover {
    background: #ffa800;
    text-decoration: none;
    color: #fff
}

.at_pic {
    font-size: 16px;
    padding: 1px 8px 3px
}

.at_pic i {
    width: 12px;
    height: 12px;
    display: inline-block;
    background: url(/images/post/new_notes/sprite_v35.png) -251px -207px no-repeat;
    margin-right: 5px;
    vertical-align: -1px;
    *+vertical-align: middle
}

.at_pic:hover i {
    background-position: -314px -207px
}

.add_pic .add_create {
    margin-bottom: 18px;
    display: inline-block
}

.add_pic .pic_tag + .add_create {
    margin-top: 0
}

.add_create i {
    width: 22px;
    height: 22px;
    display: inline-block;
    background: url(/images/post/new_notes/sprite_v35.png) -275px -181px no-repeat;
    line-height: 200px;
    overflow: hidden;
    vertical-align: middle;
    margin-right: 5px
}

.add_create:hover i {
    background-position: -300px -181px
}

.article {
    padding: 0 0 20px;
    border: 1px solid #d6d6d6;
    margin-bottom: 18px;
    box-shadow: 1px 1px 3px rgba(0, 0, 0, .2)
}

.art_title {
    height: 22px;
    padding: 9px 20px;
    border-bottom: 1px solid #d6d6d6;
    position: relative;
    z-index: 10
}

.art_title > a {
    width: 21px;
    height: 21px;
    display: inline-block;
    margin-right: 30px;
    background: url(/images/post/new_notes/sprite_v35.png) 0 -247px no-repeat
}

.art_title > a.expression {
    background-position: 0 -247px
}

.art_title > a.link {
    width: 26px;
    background-position: -22px -247px
}

.art_title > a.video {
    background-position: -249px -456px
}

.art_title > a.at {
    background-position: -70px -247px
}

.art_title > a.expression:hover {
    background-position: 0 -269px
}

.art_title > a.link:hover {
    background-position: -22px -269px
}

.art_title > a.video:hover {
    background-position: -249px -478px
}

.art_title > a.at:hover {
    background-position: -70px -269px
}

.art_title > a.save, .article a.cancel {
    width: auto;
    margin-right: 0;
    background: #ffa800;
    padding: 0 25px;
    line-height: 26px;
    height: 26px;
    color: #fff;
    font-size: 14px;
    float: right;
    border-radius: 5px
}

.art_title > a.save:hover {
    background: #ff8a00;
    color: #fff;
    text-decoration: none
}

.article a.cancel {
    background-color: #fff;
    color: #999;
    margin-right: 10px
}

.article a.cancel:hover {
    background-color: #ddd;
    text-decoration: none;
    color: #666
}

.art_con {
    font-size: 14px;
    line-height: 25px;
    margin-top: 15px;
    padding: 0 20px
}

.art_con textarea {
    width: 558px;
    height: 150px;
    line-height: 25px;
    color: #666;
    border: 0;
    font-size: 14px;
    resize: none;
    outline: 0
}

.add_list {
    width: 680px;
    line-height: 25px;
    font-size: 14px
}

.add_more {
    padding: 19px 0 19px 182px;
    border: 1px dashed #ffc65a;
    margin: 35px 0 50px;
    border-radius: 10px;
    position: relative;
    *zoom: 1;
    z-index: 10
}

.add_more:hover {
    background-color: #fff9e8
}

.add_more a {
    overflow: hidden
}

.add_more a i {
    width: 40px;
    height: 40px;
    background: url(/images/post/new_notes/nn_v2/nn_sprite_v25.png) -79px 0 no-repeat;
    display: inline-block;
    float: left;
    margin-right: 16px
}

.add_more span {
    line-height: 40px;
    font-size: 16px;
    color: #ff8a00
}

.add_more a:hover {
    color: #ff8a00;
    text-decoration: none
}

.add_more a:hover i {
    background-position: -79px -41px
}

.add_more_tips:before {
    content: "";
    width: 120px;
    height: 90px;
    background: url(/images/post/new_notes/nn_v2/tips_v4.png) 0 -53px no-repeat;
    position: absolute;
    left: 98px;
    top: -68px
}

.add_side {
    position: absolute;
    top: 0;
    right: 0;
    width: 280px
}

.pic_tag {
    margin: 8px 0 18px 0;
    line-height: 24px;
    display: block
}

.va_con .pic_tag {
    width: 600px;
    padding-left: 0
}

.pic_tag, .pic_tag a {
    color: #999;
    font-size: 12px
}

.pic_tag_tips a:before {
    content: "";
    width: 176px;
    height: 40px;
    position: absolute;
    left: -14px;
    top: -10px;
    border: 2px dashed #de6751;
    border-radius: 10px
}

.pic_tag_tips a:after {
    content: "";
    width: 168px;
    height: 72px;
    background: url(/images/post/new_notes/nn_v2/tips_v4.png) 0 -287px no-repeat;
    position: absolute;
    top: 135%;
    left: 5px;
    z-index: 5
}

.pic_tag a:hover {
    color: #ff8a00;
    text-decoration: none
}

.pic_tag i {
    width: 24px;
    height: 24px;
    margin-right: 10px;
    display: inline-block;
    background: url(/images/post/new_notes/nn_v2/nn_sprite_v25.png) 0 -203px no-repeat;
    vertical-align: -6px
}

.pic_tag i.house {
    background-position: 0 -203px
}

.pic_tag i.hotel {
    background-position: -25px -203px
}

.pic_tag i.food {
    background-position: -50px -203px
}

.pic_tag i.play {
    background-position: -75px -203px
}

.pic_tag i.plane {
    background-position: -100px -203px
}

.pic_tag i.shopping {
    background-position: -125px -203px
}

.pic_tag i.traffic {
    background-position: -100px -203px;
    margin-bottom: 0
}

.pic_tag i.mdd {
    background-position: -175px -203px
}

.pic_tag em {
    line-height: 22px;
    padding: 0 16px 0 10px;
    border: 1px dashed #d6d6d6;
    background-color: #fff;
    position: absolute;
    left: 120%;
    top: 0;
    font-style: normal;
    white-space: nowrap;
    border-radius: 3px;
    color: #666;
    cursor: pointer;
    z-index: 10
}

.pic_tag em span {
    width: 13px;
    height: 24px;
    background: url(/images/post/new_notes/nn_v2/nn_sprite_v25.png) 0 -134px no-repeat;
    position: absolute;
    right: 100%;
    top: -1px
}

.pic_tag:hover em {
    color: #666
}

.add_pic, .video_wrapper {
    position: relative;
    background-color: #fff;
    margin-bottom: 18px
}

.add_video {
    width: 680px;
    height: auto !important;
    position: relative
}

.add_video .video-js {
    background-color: #f8f8f8
}

.add_video video {
    display: block;
    background-color: #000
}

.video_status {
    height: 400px;
    position: relative;
    background-color: #000
}

.add_video .play_time a.pause {
    background-position: -483px -576px;
    cursor: default
}

.add_video .play_bar {
    right: 10px
}

.video_info {
    padding-top: 130px;
    text-align: center;
    font-size: 18px;
    color: #fff
}

.video_info i {
    width: 48px;
    height: 48px;
    display: inline-block;
    background: url(/images/post/new_notes/sprite_v35.png) -177px -607px no-repeat
}

.video_info i.warning {
    background-position: -226px -607px
}

.video_info p {
    margin-top: 25px
}

.video_audit {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    line-height: 30px;
    background-color: #f5f5f5;
    text-align: center;
    color: #767676;
    font-size: 12px
}

.video_audit:before {
    width: 12px;
    height: 12px;
    content: "";
    background: url() 0 0 no-repeat;
    background-size: cover;
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px
}

.video_audit span {
    vertical-align: middle
}

@media \0screen\,screen\9 {
    .video_audit i {
        display: none
    }
}

.video_playing .video_audit {
    display: none
}

.video_audit {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 10;
    right: 0;
    height: 30px;
    line-height: 30px;
    background-color: #f5f5f5;
    padding-left: 16px;
    text-align: center;
    color: #767676;
    font-size: 12px
}

.video_audit:before {
    content: '';
    width: 12px;
    height: 12px;
    background: url(/images/video-js/mfw_sprite.png) -160px -14px no-repeat;
    background-size: 220px 250px;
    position: absolute;
    margin: 9px 0 0 -17px
}

.video_transcoding {
    width: 680px;
    height: 155px;
    padding-top: 245px;
    position: relative;
    background-color: #474747;
    color: #fff;
    text-align: center;
    font-size: 18px
}

.video_transcoding span {
    width: 80px;
    height: 80px;
    background: url(/images/video-js/mfw_sprite.png) 0 -160px no-repeat;
    background-size: 220px 250px;
    position: absolute;
    top: 136px;
    left: 50%;
    margin-left: -40px
}

.video_transcoding .video_play_btn {
    background-position: -80px -160px
}

.set_index .video-js {
    width: 100%;
    height: 100%;
    position: absolute
}

.video-js .vjs-big-play-button {
    display: none
}

.video_more {
    padding: 15px 10px;
    background-color: #f8f8f8;
    position: relative
}

.filmming_place {
    position: relative
}

.fgpe_input {
    display: inline-block;
    height: 28px;
    padding: 0 15px 0 30px;
    line-height: 28px;
    color: #474747;
    font-size: 14px
}

.fgpe_input:hover {
    text-decoration: none
}

.fgpe_input:after {
    content: '';
    width: 14px;
    height: 16px;
    background: url(/images/post/new_notes/sprite_v35.png) -80px -662px no-repeat;
    position: absolute;
    left: 10px;
    top: 6px
}

.fgpe_input:hover:after {
    background-position: -64px -662px
}

.video_desc {
    margin-top: 15px;
    position: relative;
    padding: 0 10px
}

.video_text textarea {
    height: 44px;
    outline: 0;
    border: 0;
    background-color: #f8f8f8;
    font-size: 16px;
    color: #474747;
    line-height: 22px;
    width: 100%;
    box-sizing: border-box;
    overflow: hidden;
    resize: none
}

@media (min-resolution: 1.25dppx),(-webkit-min-device-pixel-ratio: 1.25),(min-device-pixel-ratio: 1.25) {
    .fgpe_input:after {
        background-position: -63px -327px;
        background-size: 250px 360px
    }

    .fgpe_input:hover:after {
        background-position: -48px -327px;
        background-size: 250px 360px
    }
}

.add_holder {
    width: 596px;
    border: 2px dashed #ccc;
    height: 378px;
    margin-bottom: 18px
}

.add_pic a, .add_video a {
    display: inline-block;
    position: relative
}

.add_video a.video_edit {
    width: 600px;
    height: 400px
}

.add_pic a.pic_edit {
    cursor: default
}

.add_pic a.pic_edit .loading {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    margin: 0;
    background: rgba(0, 0, 0, .6) url(/images/loading_rect.gif) no-repeat center center;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#AB000000, endColorstr=#AB000000);
    display: none
}

.add_pic a.pic_edit.pic_loading .loading {
    display: block
}

.add_pic a:hover {
    zoom: 1;
    _padding-top: 1px;
    _margin-bottom: -1px;
    text-decoration: none
}

.ap_thumb li .close_ico, .add_pic .close_ico, .add_video .close_ico, .add_pic .span_quote, .add_list .turn {
    visibility: hidden
}

.ap_thumb li a:hover .close_ico, .add_pic a:hover .close_ico, .add_video a:hover .close_ico, .add_pic a:hover .span_quote, .add_pic a:hover .turn, .video_status:hover .close_ico {
    display: block;
    visibility: visible;
    _top: 1px
}

.add_pic a.pic_loading:hover .turn {
    visibility: hidden
}

.add_list .turn {
    width: 170px;
    padding: 0 8px;
    *+padding-right: 0;
    position: absolute;
    right: 0;
    top: 0;
    background: #000;
    background: rgba(0, 0, 0, 0.7)
}

.turn i {
    width: 24px;
    height: 24px;
    display: inline-block;
    background: url(/images/post/new_notes/sprite_v35.png) -439px -36px no-repeat;
    cursor: pointer;
    vertical-align: middle
}

.turn .right {
    background-position: -439px -61px
}

.turn .close {
    background-position: -460px -50px;
    margin-right: 0
}

.turn .go_set_page {
    font-weight: normal;
    color: #fff;
    margin: 0 8px;
    position: relative;
    cursor: pointer
}

.turn .go_set_page_tips:before {
    content: "";
    width: 90px;
    height: 32px;
    position: absolute;
    left: -12px;
    top: -10px;
    border: 2px dashed #de6751;
    border-radius: 10px
}

.turn .go_set_page_tips:after {
    content: "";
    width: 182px;
    height: 84px;
    background: url(/images/post/new_notes/nn_v2/tips_v4.png) 0 -202px no-repeat;
    position: absolute;
    top: -98px;
    left: -15px
}

.add_pic .span_quote {
    width: 100px;
    height: 26px;
    position: absolute;
    left: 0;
    top: 0;
    background: url(/images/post/new_notes/sprite_v35.png) -90px -321px no-repeat;
    cursor: pointer;
    line-height: 200px;
    overflow: hidden;
    visibility: none
}

.add_music {
    width: 680px;
    padding: 25px 0 60px;
    margin-top: 160px;
    position: relative
}

.add_music .add_info {
    padding-left: 0
}

.add_music .add_info h3 {
    margin-bottom: 10px;
    font-size: 18px
}

.add_music .add_info h3 i {
    width: 40px;
    height: 40px;
    display: inline-block;
    background: url(/images/post/new_notes/sprite_v35.png) -93px -247px no-repeat;
    vertical-align: -12px;
    margin-right: 10px
}

.add_mp3 {
    height: 26px;
    padding: 9px 9px 9px 15px;
    background-color: #efefef;
    border: 1px solid #efefef;
    position: relative
}

.add_mp3_focus {
    border-color: #d6d6d6;
    background-color: #fff
}

.add_mp3_tips:before {
    content: "";
    width: 72px;
    height: 42px;
    border: 2px dashed #de6751;
    border-radius: 10px;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 0
}

.add_mp3_tips:after {
    content: "";
    width: 178px;
    height: 58px;
    background: url(/images/post/new_notes/nn_v2/tips_v4.png) 0 -143px no-repeat;
    position: absolute;
    top: -2px;
    right: 81px
}

.add_mp3 .am_default {
    margin: 0;
    color: #999
}

.am_change {
    width: 60%
}

.add_mp3 span {
    font-size: 14px;
    line-height: 26px;
    margin-left: 9px;
    display: inline-block
}

.add_mp3 .m_showname {
    max-width: 320px;
    overflow: hidden;
    height: 26px
}

.add_mp3 span, .add_mp3 a {
    margin-right: 10px;
    vertical-align: middle;
    vertical-align: middle
}

.add_mp3 a {
    font-size: 14px
}

.add_mp3 input.m_text {
    color: #666;
    border: 1px solid #d6d6d6;
    height: 17px;
    line-height: 17px;
    padding: 3px 5px;
    width: 120px;
    margin-right: 10px;
    display: none
}

.add_mp3 .am_open {
    position: absolute;
    top: 9px;
    right: 9px;
    margin: 0
}

.add_mp3 input.m_up {
    width: 56px;
    padding: 0;
    float: right;
    line-height: 22px;
    text-align: center;
    color: #999;
    border: 2px solid #ccc;
    background: #efefef;
    font-size: 14px;
    cursor: pointer;
    border-radius: 5px;
    position: relative;
    z-index: 1
}

.add_mp3 input.m_up:hover {
    background: #ffc65a;
    color: #fff;
    border-color: #ffc65a
}

.add_mp3 input.m_loading, .add_mp3 input.m_loading:hover {
    width: 60px;
    height: 26px;
    background: url(/images/post/new_notes/loading.gif) 0 0 no-repeat;
    line-height: 200px;
    overflow: hidden;
    border: 0;
    box-sizing: content-box;
    cursor: default
}

.music_title {
    margin-top: 18px;
    text-align: right
}

.music_title strong {
    display: block;
    margin-bottom: 10px;
    color: #ffa800;
    font-weight: normal;
    font-size: 14px
}

.music_title input {
    width: 168px;
    height: 17px;
    padding: 3px 5px;
    line-height: 17px;
    border: 1px solid #d6d6d6;
    margin-right: 5px;
    vertical-align: top;
    font-size: 12px;
    color: #666
}

.music_title a {
    width: 50px;
    height: 25px;
    line-height: 25px;
    display: inline-block;
    background: #ffa800;
    color: #fff;
    text-align: center;
    vertical-align: top
}

.music_title a:hover {
    background: #ff8a00;
    color: #fff;
    text-decoration: none
}

.draft {
    width: 100%;
    height: 36px;
    padding: 15px 0;
    line-height: 36px;
    background: #333;
    background: rgba(0, 0, 0, .8);
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 100;
    display: none
}

.draft_con {
    width: 980px;
    margin: 0 auto
}

.draft_con .up_add, .box_info .up_add {
    display: block
}

.add .draft_con {
    width: 680px;
    padding-right: 300px
}

.draft_remain {
    font-size: 18px;
    color: #ffa800;
    line-height: 36px;
    vertical-align: middle
}

.draft_remain:hover {
    color: #ff8a00;
    text-decoration: none
}

.draft_auto {
    color: #999;
    padding-left: 10px;
    display: none;
    vertical-align: middle
}

.draft_auto strong {
    font-weight: normal
}

.draft_btn {
    float: right;
    padding-right: 10px
}

.add .draft_btn {
    padding-right: 0
}

.draft_btn .btn_white {
    background: #fff;
    color: #666;
    margin-right: 15px
}

.add .draft_btn .btn_white {
    background: #eee
}

.draft_btn .btn_white:hover {
    background: #ffc75b;
    color: #fff
}

.video {
    width: 598px
}

.video_pop {
    box-shadow: 0 2px 2px rgba(0, 0, 0, .1);
    min-height: 205px
}

.pos_ab {
    position: absolute;
    z-index: 1
}

.video_padding {
    width: 538px;
    padding: 20px 30px;
    background-color: #fff;
    position: relative;
    z-index: 5
}

.video_top {
    padding: 15px 0 0;
    border-bottom: 2px solid #d7d7d7
}

.video_name {
    font-size: 18px;
    font-weight: normal
}

.vt_up {
    color: #ff8a00
}

.video_name i {
    width: 28px;
    height: 28px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
    background: url(/images/post/new_notes/sprite_v35.png) -271px -470px no-repeat
}

.video_top .video_name {
    width: 100%;
    float: left;
    text-align: center;
    padding-bottom: 13px
}

.video_top .vt_up {
    border-bottom: 2px solid #ffc65a;
    position: relative;
    top: 2px;
    margin-top: -2px
}

.video_top .vt_online {
    cursor: pointer
}

.vt_online i {
    background-position: -189px -470px
}

.vt_online.on {
    color: #ff8a00
}

.vt_online.on i {
    background-position: -218px -470px
}

.video_up {
    padding: 55px 30px 45px;
    text-align: center;
    position: relative
}

.video_up .btn_big {
    width: 176px;
    height: 42px;
    padding: 0;
    line-height: 42px;
    font-size: 20px;
    text-align: center
}

.video_up .swfupload {
    width: 176px;
    height: 42px;
    display: inline-block;
    position: absolute;
    top: 55px;
    left: 211px;
    cursor: pointer
}

.video_up p {
    margin-top: 18px;
    font-size: 14px;
    color: #999;
    line-height: 20px
}

.video_copy {
    margin-top: 20px;
    font-size: 14px
}

.vc_input {
    margin-top: 3px
}

.vc_input input {
    width: 516px;
    border: 1px solid #efefef;
    height: 20px;
    line-height: 20px;
    padding: 7px 10px;
    font-size: 14px;
    color: #999;
    background-color: #efefef
}

.video_bar {
    margin-top: 25px
}

.video_bar p {
    width: 460px;
    margin-right: 15px;
    height: 18px;
    background-color: #e2e2e2;
    border-radius: 15px
}

.video_bar p span {
    background-color: #add75c;
    display: block;
    width: 0;
    height: 100%;
    border-radius: 15px
}

.video_bar strong {
    font-weight: normal;
    font-size: 14px;
    color: #999;
    line-height: 18px;
    cursor: pointer
}

.uping_per {
    margin-top: 12px;
    font-size: 12px;
    color: #999
}

.uping_per span {
    color: #ff8a00
}

.vu_tips {
    margin-top: 22px;
    *zoom: 1
}

.vu_tips:after {
    content: "";
    height: 0;
    overflow: hidden;
    display: block;
    clear: both;
    line-height: 0
}

.vu_tips .disable {
    height: 30px;
    line-height: 30px;
    padding: 0 20px;
    border-radius: 5px;
    background: #e5e5e5;
    color: #aaa
}

.vu_tips .ok {
    background-color: #ffa800;
    color: #fff;
    cursor: pointer
}

.vu_tips .ok:hover {
    background-color: #ff8a00;
    color: #fff
}

.vu_tips span input {
    margin: 0;
    padding: 0;
    vertical-align: -2px;
    margin-right: 5px
}

.vu_tips span i {
    width: 58px;
    height: 35px;
    display: inline-block;
    background: url(/images/post/new_notes/sprite_v35.png) -335px -426px no-repeat;
    vertical-align: middle;
    margin-left: 5px
}

.vu_recomm {
    width: 124px;
    padding: 5px 10px;
    background-color: #fff9d8;
    border: 1px solid #f5e9a6;
    border-radius: 5px;
    position: absolute;
    margin: 5px 0 0 120px
}

.vu_recomm p {
    line-height: 20px;
    font-size: 12px;
    color: #ff8a00
}

.vu_recomm span, .vu_recomm i {
    width: 0;
    height: 0;
    border-width: 5px;
    border-color: transparent transparent #f5e9a6 transparent;
    border-style: dashed dashed solid dashed;
    line-height: 0;
    position: absolute;
    left: 10px;
    top: -10px
}

.vu_recomm i {
    top: -9px;
    border-color: transparent transparent #fff9d8 transparent
}

.vu_recomm .close {
    font-family: serif, verdana, Arial, "Lucida Grande", "Microsoft Yahei", "Hiragino Sans GB", "Hiragino Sans GB W3", SimSun, STHeiti;
    line-height: 12px;
    position: absolute;
    right: 6px;
    top: 6px;
    color: #ffa800;
    font-size: 12px;
    transition: 1s ease-in-out 0s;
    -webkit-transition: 1s ease-in-out 0s;
    -moz-transition: 1s ease-in-out 0s;
    -o-transition: 1s ease-in-out 0s
}

.vu_recomm .close:hover {
    text-decoration: none;
    transform: rotate(360deg);
    transform-origin: 50% 50%;
    -webkit-transform: rotate(360deg);
    -webkit-transform-origin: 50% 50%;
    -moz-transform: rotate(360deg);
    -moz-transform-origin: 50% 50%;
    -o-transform: rotate(360deg);
    -o-transform-origin: 50% 50%
}

.view_map {
    width: 125px;
    height: 128px;
    position: absolute;
    left: 50%;
    top: 50px;
    margin-left: 365px
}

.view_map i {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 4px;
    top: 4px;
    background: rgba(0, 0, 0, 0.3);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#AB000000, endColorstr=#AB000000);
    z-index: 1
}

.vm_con {
    position: relative;
    z-index: 1;
    width: 125px;
    overflow: hidden
}

.vm_con .vm_box {
    position: absolute;
    left: 0;
    top: 0;
    width: 250px;
    height: 80px;
    cursor: pointer
}

.vm_con .vm_box img {
    float: left
}

.fully_loading {
    width: 350px;
    text-align: center;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top: -40px;
    margin-left: -175px
}

.fully_loading p {
    font-size: 32px;
    color: #aaa;
    margin-bottom: 40px
}

.view_info {
    width: 100%;
    height: 90px;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 15
}

.view_info .vi_bg {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, 0.5);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#AB000000, endColorstr=#AB000000)
}

.view_info .width100per {
    width: 100%;
    left: 0;
    margin-left: 0
}

.vi_con {
    width: 830px;
    padding: 0 0 10px 150px;
    margin: 0 auto;
    position: relative;
    z-index: 2;
    color: #fff;
    font-size: 14px;
    font-weight: bold
}

.vi_con span, .next_con span {
    padding-right: 8px;
    font-family: Verdana, Arial, Helvetica, STHeiti;
    vertical-align: middle
}

span.vi_comm i, span.vi_view i {
    width: 20px;
    height: 16px;
    display: inline-block;
    background: url(/images/post/new_notes/sprite_v35.png) -250px -222px no-repeat;
    margin-right: 5px;
    vertical-align: -3px
}

span.vi_comm i {
    width: 18px;
    height: 17px;
    background-position: -273px -223px
}

span.vi_time {
    padding-left: 6px
}

.vi_con .vi_view {
    color: #fff
}

.vi_con h1 {
    width: 710px;
    height: 80px;
    font-size: 26px;
    line-height: 38px;
    overflow: hidden
}

.vi_con h1 a {
    color: #ffa800
}

.vi_con h1 a:hover {
    color: #ff8a00
}

.vi_con h1.fs30 {
    font-size: 30px;
    line-height: 80px
}

.vi_con h1.lh80 {
    line-height: 80px
}

.vi_con h1 strong {
    color: #ed0000;
    font-weight: normal
}

.view {
    width: 1000px;
    margin: 40px auto 20px
}

.view_con {
    width: 680px;
    float: left
}

.view_con h1 {
    font-size: 22px;
    color: #654939;
    line-height: 32px;
    margin-bottom: 22px
}

.view_title {
    height: 80px;
    border-bottom: 1px solid #d7d7d7;
    box-shadow: 0 2px 0 rgba(0, 0, 0, 0.05);
    position: relative;
    z-index: 16
}

.vt_center {
    width: 1000px;
    margin: 0 auto
}

.person .hide {
    display: none
}

.person {
    width: 480px;
    padding: 20px 0 0 150px;
    float: left;
    position: relative
}

.person a {
    display: inline-block;
    margin-right: 5px
}

.person .i-enterprise {
    width: 20px;
    height: 20px;
    background: url(/images/home_new2015/ico_enterprise.png) 0 0 no-repeat;
    display: inline-block;
    line-height: 200px;
    overflow: hidden;
    vertical-align: middle;
    margin-right: 5px;
    position: relative;
    top: -2px
}

.person a.per_pic {
    width: 120px;
    height: 120px;
    position: absolute;
    top: -80px;
    left: 0;
    z-index: 88
}

.person a.per_pic img {
    border-radius: 50%
}

.person .i-fengshou {
    z-index: 100;
    width: 44px;
    height: 44px;
    position: absolute;
    left: 80px;
    top: 6px;
    background: url(/images/shequ/notes-medal3.png) 0 0 no-repeat
}

.view_title .ding {
    position: absolute;
    right: 50%;
    top: -77px;
    margin-right: -475px;
    color: #fff;
    z-index: 4
}

.view_title .ding .num {
    font-size: 14px;
    font-weight: bold;
    font-family: Verdana, Arial, Helvetica, STHeiti
}

.person.little {
    padding-left: 70px
}

.person.little a.per_pic {
    width: 48px;
    height: 48px;
    top: 0
}

.person.little a.per_pic img {
    width: 48px;
    height: 48px
}

.person.little .i-fengshou {
    left: 30px;
    top: 32px;
    width: 22px;
    height: 23px;
    background-position: -260px 0
}

.map_person {
    padding-left: 62px;
    width: 500px
}

.map_person a.per_pic {
    width: 48px;
    height: 48px;
    top: 0;
    _left: 0
}

.person a.per_name {
    color: #ff7200;
    font-size: 14px;
    font-weight: normal
}

.person a.per_grade {
    color: #ea3c1a;
    font-family: Verdana, Arial, Helvetica, STHeiti;
    font-size: 10px;
    font-weight: bold;
    text-decoration: none
}

.view_edit {
    float: right;
    color: #ffa800
}

.vc_tips .view_edit a {
    margin: 0 5px 0 1px;
    font-size: 12px
}

.vc_time {
    color: #acacac;
    display: inline;
    margin-left: 10px
}

.vc_time .time, .vc_time span {
    font-family: Verdana, Arial, Helvetica, STHeiti
}

.vc_time span {
    display: inline-block;
    margin-right: 10px
}

.vc_time span.plan {
    font-size: 11px;
    color: #AAA;
    background: #e6e6e6;
    display: inline-block;
    padding: 1px 5px;
    line-height: 14px;
    border-radius: 2px
}

.vc_time span i {
    width: 18px;
    height: 14px;
    display: inline-block;
    margin-right: 4px;
    vertical-align: -2px
}

.vc_time span i.ico_comm {
    background-position: -70px -327px
}

.person-edit {
    margin-top: 5px
}

.switch-reward {
    display: inline-block;
    margin-left: 5px;
    color: #ff9d00
}

.switch-reward .btn-switch {
    display: inline-block;
    margin-left: 2px;
    width: 28px;
    height: 14px;
    background-color: #ccc;
    border-radius: 7px;
    position: relative;
    cursor: pointer;
    vertical-align: -2px;
    *vertical-align: middle
}

.switch-reward .btn-switch i {
    position: absolute;
    left: 1px;
    top: 1px;
    width: 12px;
    height: 12px;
    background-color: #fff;
    border-radius: 50%;
    -webkit-transition: left .3s ease-out 0s;
    transition: left .3s ease-out 0s
}

.switch-reward .btn-switch.on {
    background-color: #96c79b
}

.switch-reward .btn-switch.on i {
    left: 15px
}

.ding {
    width: 70px;
    position: absolute;
    right: 20px;
    top: 15px;
    text-align: center
}

.ding a {
    width: 37px;
    height: 33px;
    display: inline-block;
    margin-bottom: 5px;
    text-align: center;
    line-height: 32px;
    background: url(../images/sprite_v35.png) -293px -236px no-repeat;
    font-size: 18px;
    color: #fff;
    text-shadow: 1px 0 1px #fcaf54
}

.post-up .up_act:hover, .ding a:hover {
    text-decoration: none;
    background-position: -409px -576px
}

.ding strong {
    display: block;
    text-align: center;
    font-size: 14px;
    font-family: Verdana, Arial, Helvetica, STHeiti
}

.music_botton {
    float: right;
    margin: 18px 30px 0 0;
    display: inline-block
}

.music_botton a {
    width: 44px;
    height: 44px;
    display: block;
    background: url(/images/post/new_notes/nn_v2/nn_sprite_v25.png) -354px -196px no-repeat;
    position: relative
}

.music_botton a i {
    width: 2px;
    height: 17px;
    background-color: #ffa800;
    position: absolute;
    left: 13px;
    bottom: 14px;
    overflow: hidden
}

.music_botton a i:nth-child(2) {
    left: 17px
}

.music_botton a i:nth-child(3) {
    left: 21px
}

.music_botton a i:nth-child(4) {
    left: 25px
}

.music_botton a i:nth-child(5) {
    left: 29px
}

.music_botton a img {
    display: none
}

.music_botton .play i {
    animation: music 1s linear 0s infinite;
    -webkit-animation: music 1s linear 0s infinite;
    -moz-animation: music 1s linear 0s infinite;
    -o-animation: music 1s linear 0s infinite
}

.music_botton .play i:nth-child(1) {
    animation-delay: .235s;
    -webkit-animation-delay: .235s;
    -moz-animation-delay: .235s;
    -o-animation-delay: .235s
}

.music_botton .play i:nth-child(2) {
    animation-delay: .5s;
    -webkit-animation-delay: .5s;
    -moz-animation-delay: .5s;
    -o-animation-delay: .5s
}

.music_botton .play i:nth-child(3) {
    animation-delay: .382s;
    -webkit-animation-delay: .382s;
    -moz-animation-delay: .382s;
    -o-animation-delay: .382s
}

.music_botton .play i:nth-child(4) {
    animation-delay: .176s;
    -webkit-animation-delay: .176s;
    -moz-animation-delay: .176s;
    -o-animation-delay: .176s
}

.music_botton .play i:nth-child(5) {
    animation-delay: .265s;
    -webkit-animation-delay: .265s;
    -moz-animation-delay: .265s;
    -o-animation-delay: .265s
}

@keyframes music {
    0% {
        height: 17px
    }
    50% {
        height: 0
    }
    100% {
        height: 17px
    }
}

@-webkit-keyframes music {
    0% {
        height: 17px
    }
    50% {
        height: 0
    }
    100% {
        height: 17px
    }
}

@-moz-keyframes music {
    0% {
        height: 17px
    }
    50% {
        height: 0
    }
    100% {
        height: 17px
    }
}

@-o-keyframes music {
    0% {
        height: 17px
    }
    50% {
        height: 0
    }
    100% {
        height: 17px
    }
}

@media \0screen\,screen\9 {
    .music_botton .play, .music_botton .begin_play {
        background: url(/images/post/new_notes/nn_v2/nn_sprite_v25.png) -354px -196px no-repeat
    }

    .music_botton .play i, .music_botton .pause i, .music_botton .begin_play i {
        display: none
    }

    .music_botton .play img, .music_botton .begin_play img {
        display: block;
        padding: 13px 0 0 13px
    }

    .quick_music .play {
        background-image: none;
        top: -10px
    }

    .quick_music .begin_play {
        top: -10px
    }

    .quick_music .pause, .quick_music .begin_play {
        background: 0
    }

    .quick_music .pause:before, .quick_music .pause:after {
        content: '';
        width: 4px;
        height: 17px;
        background-color: #ffa800;
        position: absolute;
        left: 16px;
        top: 5px
    }

    .quick_music .pause:after {
        left: 24px
    }
}

@media all and (min-width: 0\0
) and (min-resolution: .001dpcm) {
    .music_botton .play, .music_botton .begin_play {
        background: url(/images/post/new_notes/nn_v2/nn_sprite_v25.png) -354px -196px no-repeat
    }

    .music_botton .play i, .music_botton .pause i, .music_botton .begin_play i {
        display: none
    }

    .music_botton .play img, .music_botton .begin_play img {
        display: block;
        padding: 13px 0 0 13px
    }

    .quick_music .play {
        background-image: none;
        top: -10px
    }

    .quick_music .begin_play {
        top: -10px
    }

    .quick_music .pause, .quick_music .begin_play {
        background: 0
    }

    .quick_music .pause:before, .quick_music .pause:after {
        content: '';
        width: 4px;
        height: 17px;
        background-color: #ffa800;
        position: absolute;
        left: 16px;
        top: 5px
    }

    .quick_music .pause:after {
        left: 24px
    }
}

.music_botton .pause {
    background-position: -354px -241px
}

.music_botton .pause i {
    animation: turn_fause .5s linear .08s forwards;
    -webkit-animation: turn_fause .5s linear .08s forwards;
    -moz-animation: turn_fause .5s linear .08s forwards;
    -o-animation: turn_fause .5s linear .08s forwards
}

.music_botton .pause i:nth-child(5) {
    animation-name: turn_fause_right;
    -webkit-animation-name: turn_fause_right;
    -moz-animation-name: turn_fause_right;
    -o-animation-name: turn_fause_right
}

.music_botton .pause img {
    display: none
}

@media all and (monochrome: 0) {
    .music_botton .pause {
        background-position: -354px -196px
    }
}

@media all and (min-width: 0\0
) and (min-resolution: .001dpcm) {
    .music_botton .pause {
        background-position: -354px -241px
    }
}

@keyframes turn_fause {
    50% {
        left: 20px;
        width: 4px
    }
    100% {
        left: 16px;
        width: 4px
    }
}

@-webkit-keyframes turn_fause {
    50% {
        left: 20px;
        width: 4px
    }
    100% {
        left: 16px;
        width: 4px
    }
}

@-moz-keyframes turn_fause {
    50% {
        left: 20px;
        width: 4px
    }
    100% {
        left: 16px;
        width: 4px
    }
}

@-o-keyframes turn_fause {
    50% {
        left: 20px;
        width: 4px
    }
    100% {
        left: 16px;
        width: 4px
    }
}

@keyframes turn_fause_right {
    50% {
        left: 20px;
        width: 4px
    }
    100% {
        left: 24px;
        width: 4px
    }
}

@-webkit-keyframes turn_fause_right {
    50% {
        left: 20px;
        width: 4px
    }
    100% {
        left: 24px;
        width: 4px
    }
}

@-moz-keyframes turn_fause_right {
    50% {
        left: 20px;
        width: 4px
    }
    100% {
        left: 24px;
        width: 4px
    }
}

@-o-keyframes turn_fause_right {
    50% {
        left: 20px;
        width: 4px
    }
    100% {
        left: 24px;
        width: 4px
    }
}

@media all and (monochrome: 0) {
    .music_botton .begin_play i:nth-child(1), .music_botton .begin_play i:nth-child(2), .music_botton .begin_play i:nth-child(3), .music_botton .begin_play i:nth-child(4) {
        left: 16px;
        width: 4px
    }

    .music_botton .begin_play i:nth-child(5) {
        left: 24px;
        width: 4px
    }
}

.music_botton .begin_play i {
    animation: begin_music1 .5s linear 0s forwards;
    -webkit-animation: begin_music1 .5s linear 0s forwards;
    -moz-animation: begin_music1 .5s linear 0s forwards;
    -o-animation: begin_music1 .5s linear 0s forwards
}

.music_botton .begin_play i:nth-child(2) {
    animation-name: begin_music2;
    -webkit-animation-name: begin_music2;
    -moz-animation-name: begin_music2;
    -o-animation-name: begin_music2
}

.music_botton .begin_play i:nth-child(3) {
    animation-name: begin_music3;
    -webkit-animation-name: begin_music3;
    -moz-animation-name: begin_music3;
    -o-animation-name: begin_music3
}

.music_botton .begin_play i:nth-child(4) {
    animation-name: begin_music4;
    -webkit-animation-name: begin_music4;
    -moz-animation-name: begin_music4;
    -o-animation-name: begin_music4
}

.music_botton .begin_play i:nth-child(5) {
    animation-name: begin_music5;
    -webkit-animation-name: begin_music5;
    -moz-animation-name: begin_music5;
    -o-animation-name: begin_music5
}

@keyframes begin_music1 {
    45% {
        left: 20px;
        width: 4px
    }
    55% {
        left: 21px;
        width: 2px
    }
    100% {
        left: 13px;
        width: 2px
    }
}

@-webkit-keyframes begin_music1 {
    45% {
        left: 20px;
        width: 4px
    }
    55% {
        left: 21px;
        width: 2px
    }
    100% {
        left: 13px;
        width: 2px
    }
}

@-moz-keyframes begin_music1 {
    45% {
        left: 20px;
        width: 4px
    }
    55% {
        left: 21px;
        width: 2px
    }
    100% {
        left: 13px;
        width: 2px
    }
}

@-o-keyframes begin_music1 {
    45% {
        left: 20px;
        width: 4px
    }
    55% {
        left: 21px;
        width: 2px
    }
    100% {
        left: 13px;
        width: 2px
    }
}

@keyframes begin_music2 {
    45% {
        left: 20px;
        width: 4px
    }
    55% {
        left: 21px;
        width: 2px
    }
    100% {
        left: 17px;
        width: 2px
    }
}

@-webkit-keyframes begin_music2 {
    45% {
        left: 20px;
        width: 4px
    }
    55% {
        left: 21px;
        width: 2px
    }
    100% {
        left: 17px;
        width: 2px
    }
}

@-moz-keyframes begin_music2 {
    45% {
        left: 20px;
        width: 4px
    }
    55% {
        left: 21px;
        width: 2px
    }
    100% {
        left: 17px;
        width: 2px
    }
}

@-o-keyframes begin_music2 {
    45% {
        left: 20px;
        width: 4px
    }
    55% {
        left: 21px;
        width: 2px
    }
    100% {
        left: 17px;
        width: 2px
    }
}

@keyframes begin_music3 {
    45% {
        left: 20px;
        width: 4px
    }
    55% {
        left: 21px;
        width: 2px
    }
    100% {
        left: 21px;
        width: 2px
    }
}

@-webkit-keyframes begin_music3 {
    45% {
        left: 20px;
        width: 4px
    }
    55% {
        left: 21px;
        width: 2px
    }
    100% {
        left: 21px;
        width: 2px
    }
}

@-moz-keyframes begin_music3 {
    45% {
        left: 20px;
        width: 4px
    }
    55% {
        left: 21px;
        width: 2px
    }
    100% {
        left: 21px;
        width: 2px
    }
}

@-o-keyframes begin_music3 {
    45% {
        left: 20px;
        width: 4px
    }
    55% {
        left: 21px;
        width: 2px
    }
    100% {
        left: 21px;
        width: 2px
    }
}

@keyframes begin_music4 {
    45% {
        left: 20px;
        width: 4px
    }
    55% {
        left: 21px;
        width: 2px
    }
    100% {
        left: 25px;
        width: 2px
    }
}

@-webkit-keyframes begin_music4 {
    45% {
        left: 20px;
        width: 4px
    }
    55% {
        left: 21px;
        width: 2px
    }
    100% {
        left: 25px;
        width: 2px
    }
}

@-moz-keyframes begin_music4 {
    45% {
        left: 20px;
        width: 4px
    }
    55% {
        left: 21px;
        width: 2px
    }
    100% {
        left: 25px;
        width: 2px
    }
}

@-o-keyframes begin_music4 {
    45% {
        left: 20px;
        width: 4px
    }
    55% {
        left: 21px;
        width: 2px
    }
    100% {
        left: 25px;
        width: 2px
    }
}

@keyframes begin_music5 {
    45% {
        left: 20px;
        width: 4px
    }
    55% {
        left: 21px;
        width: 2px
    }
    100% {
        left: 29px;
        width: 2px
    }
}

@-webkit-keyframes begin_music5 {
    45% {
        left: 20px;
        width: 4px
    }
    55% {
        left: 21px;
        width: 2px
    }
    100% {
        left: 29px;
        width: 2px
    }
}

@-moz-keyframes begin_music5 {
    45% {
        left: 20px;
        width: 4px
    }
    55% {
        left: 21px;
        width: 2px
    }
    100% {
        left: 29px;
        width: 2px
    }
}

@-o-keyframes begin_music5 {
    45% {
        left: 20px;
        width: 4px
    }
    55% {
        left: 21px;
        width: 2px
    }
    100% {
        left: 29px;
        width: 2px
    }
}

.vc_tips {
    color: #333;
    font-size: 14px
}

.vc_tips a {
    font-size: 14px;
    color: #ff8a00;
    display: inline-block;
    margin-left: 10px
}

.va_con, .va_con p {
    line-height: 28px;
    font-size: 15px;
    color: #444
}

.va_con p {
    margin-bottom: 20px;
    text-align: justify;
    word-break: break-word
}

.va_con a.link {
    text-decoration: none;
    color: #4d4d4d;
    border-bottom: 1px solid #948e8e
}

.va_con a.link:hover {
    text-decoration: none;
    color: #666
}

.vc_total {
    padding-top: 15px;
    border-top: 1px solid #e2e2e2;
    color: #333;
    margin-top: 40px
}

.r-report {
    float: right;
    display: none;
    float: right;
    color: #999
}

.vc_article .r-report {
    display: inline-block
}

.reply-report {
    color: #999
}

.view_side {
    width: 240px;
    float: right
}

.vs_music {
    width: 230px;
    height: 40px;
    padding: 7px 14px;
    border: 1px solid #ddd;
    border-radius: 5px;
    margin-top: 5px
}

.vsm_title {
    width: 180px;
    float: left;
    line-height: 30px;
    position: relative
}

.vsm_name {
    width: 140px;
    overflow: hidden;
    position: relative;
    float: left
}

.vsm_time {
    float: right;
    display: inline;
    color: #957c59;
    text-align: right
}

.vsm_button {
    width: 40px;
    height: 40px;
    float: right;
    background: url(/images/home/play_panel.png) 0 0 no-repeat
}

.vsm_button:hover {
    background-position: 0 -40px
}

.vsm_pause {
    background-position: 0 -80px
}

.vsm_pause:hover {
    background-position: 0 -120px
}

.vsm_bar {
    height: 3px;
    background: #dfddda;
    line-height: 0;
    position: relative;
    cursor: pointer;
    font-size: 0
}

.vsm_bar span {
    position: absolute;
    height: 3px;
    line-height: 0;
    background: #ffa800
}

.rel_mdd {
    margin-top: 30px;
    padding: 20px;
    background: #f2f2f2;
    border-radius: 4px
}

.rel_mdd h3 {
    padding-left: 10px;
    font-size: 14px;
    font-weight: normal
}

.rel_pic {
    margin: 15px 0 20px;
    position: relative
}

.rel_pic span {
    position: absolute;
    left: 0;
    bottom: 0;
    height: 32px;
    text-align: center;
    line-height: 32px;
    color: #fff;
    font-size: 14px;
    background: rgba(0, 0, 0, .7);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#AB000000, endColorstr=#AB000000);
    width: 180px;
    padding: 0 20px
}

.rel_pic a:hover {
    text-decoration: none
}

.rel_eara {
    color: #999
}

.rel_eara a {
    color: #ff8a00
}

.more_info {
    margin-top: 30px
}

.more_add {
    height: 24px;
    padding: 10px 15px;
    position: relative;
    background: #fff5df;
    color: #a47d4f;
    font-size: 14px;
    line-height: 24px
}

.more_add a {
    width: 11px;
    height: 11px;
    display: inline-block;
    background: url(/images/post/new_notes/sprite_v35.png) -183px -287px no-repeat;
    line-height: 200px;
    overflow: hidden;
    position: absolute;
    right: 5px;
    top: 5px;
    transition: transform 1s ease-in-out 0s;
    -webkit-transition: -webkit-transform 1s ease-in-out 0s;
    -moz-transition: -moz-transform 1s ease-in-out 0s;
    -o-transition: -o-transform 1s ease-in-out 0s
}

.more_add a:hover {
    transform: scale(1.1) rotate(360deg);
    transform-origin: 50% 50%;
    -webkit-transform: scale(1.1) rotate(360deg);
    -webkit-transform-origin: 50% 50%;
    -moz-transform: scale(1.1) rotate(360deg);
    -moz-transform-origin: 50% 50%;
    -o-transform: scale(1.1) rotate(360deg);
    -o-transform-origin: 50% 50%;
    transition: 1s ease-in-out 0s;
    -webkit-transition: 1s ease-in-out 0s;
    -moz-transition: 1s ease-in-out 0s;
    -o-transition: 1s ease-in-out 0s
}

.more_list {
    margin: 30px 0 0 14px;
    width: 225px;
    border-left: 2px solid #eaeaea;
    padding-left: 21px;
    position: relative;
    padding-bottom: 5px
}

.more_list i.ico_circle {
    width: 12px;
    height: 12px;
    position: absolute;
    left: -7px;
    bottom: -10px;
    background: url(/images/post/new_notes/sprite_v35.png) -316px -285px no-repeat
}

.more_list dl {
    margin-bottom: 30px
}

.more_list dt {
    position: relative;
    font-size: 14px;
    color: #555;
    line-height: 20px
}

.more_list dt a {
    display: inline-block;
    margin-left: 10px;
    color: #a47d4f;
    font-size: 12px
}

.no_edit dt a {
    display: none
}

.more_list dt a:hover {
    color: #ffa800;
    text-decoration: none
}

.more_list dt.more_complete {
    color: #999
}

.more_list dt.more_complete strong {
    font-size: 20px;
    font-family: Verdana, Arial, Helvetica, STHeiti;
    color: #ffa800;
    padding-left: 5px
}

.more_list dt.more_complete span {
    background-position: 0 -473px
}

.more_list dt span {
    width: 30px;
    height: 30px;
    position: absolute;
    left: -37px;
    top: -5px;
    background: url(/images/post/new_notes/sprite_v35.png) -196px -286px no-repeat
}

.more_list dt.more_complete span.per25 {
    background-position: -31px -473px
}

.more_list dt.more_complete span.per50 {
    background-position: -62px -473px
}

.more_list dt.more_complete span.per75 {
    background-position: -93px -473px
}

.more_list dt.more_complete span.per100 {
    background-position: -124px -473px
}

.more_list dt span i {
    width: 16px;
    height: 16px;
    position: absolute;
    left: 7px;
    top: 7px;
    background: url(/images/post/new_notes/sprite_v35.png) -16px -309px no-repeat
}

.more_list dt span i.ico_out {
    background-position: -16px -309px
}

.more_list dt span i.ico_tra {
    background-position: -32px -309px
}

.more_list dt span i.ico_house {
    background-position: -49px -309px
}

.more_list dt span i.ico_photo {
    background-position: -67px -310px
}

.more_list dd {
    margin-top: 15px;
    display: none
}

.more_list dd tr {
    height: 30px
}

.more_list dd th {
    padding: 0 12px 0 0;
    font-weight: normal;
    text-align: left
}

.more_list dd td {
    position: relative;
    color: #666
}

@-moz-document url-prefix() {
    .more_list dd td {
        display: block;
        padding: 3px 0
    }
}

.more_list dd input {
    width: 142px;
    height: 18px;
    line-height: 18px;
    border: 1px solid #d5d5d5;
    padding: 2px 7px;
    color: #999;
    font-size: 12px;
    font-family: "Microsoft Yahei", "Hiragino Sans GB", "Hiragino Sans GB W3", SimSun, STHeiti
}

.more_list dd td a, .more_list dd td span, .form_complete a {
    position: absolute;
    right: 6px;
    top: 7px
}

.more_list dd td span {
    color: #999
}

.more_list dd td a {
    width: 16px;
    height: 16px;
    background: url(/images/post/new_notes/sprite_v35.png) 0 -309px no-repeat
}

.more_list dd td a.time:hover {
    background-position: 0 -291px
}

.more_list dd td a.down {
    width: 17px;
    height: 15px;
    background-position: -233px -287px;
    border-left: 1px solid #e6e6e6;
    right: 3px;
    top: 8px
}

.more_list dd td a.down:hover {
    background-position: -250px -287px
}

.more_list dd td a.ok {
    width: 15px;
    height: 16px;
    background-position: -285px -285px
}

.more_list dd td a.ok:hover {
    background-position: -300px -285px
}

.form_complete {
    height: 30px;
    position: relative
}

.form_complete .btn_c {
    width: auto;
    height: 18px;
    right: 0;
    line-height: 18px;
    padding: 0 12px;
    font-size: 12px;
    margin-top: 5px;
    background: #ffa800
}

.form_complete .btn_c:hover {
    background: #ff8a00
}

.form_complete .m_add {
    position: absolute;
    right: 55px;
    top: 13px;
    background: 0;
    line-height: 18px;
    width: 60px;
    color: #999
}

.form_complete .m_add:hover {
    color: #ffa800;
    text-decoration: none
}

.traffic {
    margin-bottom: 15px
}

.traffic input {
    display: none
}

.traffic label {
    width: 46px;
    height: 46px;
    display: inline-block;
    margin-right: 15px;
    position: relative;
    background: #e5e5e5;
    border-radius: 3px
}

.traffic_on label {
    background: #ffc24c
}

.traffic label span {
    width: 31px;
    height: 35px;
    position: absolute;
    left: 8px;
    top: 6px;
    background: url(/images/post/new_notes/sprite_v35.png) -265px -307px no-repeat
}

.traffic label.train span {
    background-position: -299px -307px
}

.traffic label i {
    width: 16px;
    height: 16px;
    position: absolute;
    right: 4px;
    bottom: 4px;
    background: url(/images/post/new_notes/sprite_v35.png) -268px -288px no-repeat;
    display: none
}

.traffic label.on i {
    display: block
}

.traffic_list {
    margin-top: 15px;
    position: relative
}

.traffic_list label {
    float: left;
    margin-right: 10px
}

.tra_info {
    float: left;
    width: 159px
}

.tra_name span {
    display: inline-block;
    padding: 2px;
    border: 1px solid #d2d2d2;
    margin-bottom: 8px;
    font-weight: bold;
    font-size: 16px;
    color: #555;
    font-family: verdana, Arial, "Lucida Grande", "Microsoft Yahei", "Hiragino Sans GB", "Hiragino Sans GB W3", SimSun, STHeiti;
    border-radius: 3px
}

.tra_info p {
    line-height: 22px
}

.more_con li {
    margin-bottom: 20px;
    position: relative
}

.more_con p {
    color: #555;
    line-height: 22px;
    position: relative
}

.mc_info {
    border-left: 2px solid #ffc554;
    margin-top: 10px;
    padding-left: 8px
}

.mc_info p {
    line-height: 14px;
    margin-bottom: 7px
}

.mc_info p:last-child {
    margin-bottom: 0
}

.td_width dd tr {
    height: 35px
}

.td_width dd input {
    width: 204px;
    padding: 4px 7px
}

.td_width dd td a, .td_width dd td span {
    top: 9px
}

.td_width dd .m_photo input {
    width: 25px;
    height: 18px;
    padding: 0;
    margin: 0;
    vertical-align: -4px;
    border: 0;
+ vertical-align: - 1 px;
    _vertical-align: -4px
}

.td_width dd .m_photo label {
    display: inline-block;
    margin-right: 15px;
    line-height: 18px;
    cursor: pointer
}

.more_list dd .edit {
    display: inline-block;
    padding: 0 15px;
    background: #ffa800;
    height: 20px;
    line-height: 20px;
    color: #fff;
    border-radius: 3px
}

.more_list dd .edit:hover {
    background: #ff8a00;
    color: #fff;
    text-decoration: none
}

.more_list dd .add_btn {
    overflow: hidden;
    padding: 0 10px
}

.more_list dd .add_btn i {
    width: 8px;
    height: 8px;
    background: url(/images/post/new_notes/sprite_v35.png) -224px -335px no-repeat;
    float: left;
    margin: 6px 4px 0 0
}

.more_list a.delete {
    width: 23px;
    height: 12px;
    background: url(/images/post/new_notes/sprite_v35.png) -277px -396px no-repeat;
    position: absolute;
    right: 0;
    line-height: 200px;
    overflow: hidden
}

.traffic_list a.delete {
    top: 36px
}

.more_con li a.delete {
    top: 120px;
    right: 25px
}

.more_con p a.delete {
    top: 5px
}

.more_con .mc_info p a.delete {
    top: 0
}

.notes_catalog {
    width: 240px
}

.catalog_title, .catalog_list {
    border-left: 1px solid #d6d6d6
}

.catalog_list {
    padding: 30px 0 0 30px
}

.catalog_title {
    padding: 5px 0 8px 30px;
    position: relative
}

.catalog_title:before {
    content: "";
    width: 4px;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    background: #999
}

.catalog_title h2 {
    font-size: 22px;
    line-height: 25px;
    margin-bottom: 12px
}

.catalog_tags a {
    font-size: 14px;
    color: #666
}

.catalog_tags i {
    width: 14px;
    height: 14px;
    display: inline-block;
    background: url(/images/post/new_notes/nn_v2/nn_sprite_v25.png) -430px -134px no-repeat;
    margin-right: 5px;
    vertical-align: -2px
}

.catalog_tags a:hover {
    color: #ffa800;
    text-decoration: none
}

.catalog_tags a:hover i {
    background-position: -445px -134px
}

.catalog_tags .full_screen {
    margin-right: 20px
}

.catalog_tags .map_mode i {
    background-position: -460px -134px
}

.catalog_tags .map_mode:hover i {
    background-position: -475px -134px
}

.catalog_city:last-child dd:after {
    content: "";
    width: 7px;
    height: 7px;
    background: #fff;
    border: 1px solid #d6d6d6;
    border-radius: 50%;
    position: absolute;
    left: -35px;
    bottom: -5px
}

.catalog_city dt {
    margin-top: 20px;
    position: relative;
    line-height: 26px;
    font-size: 14px
}

.catalog_city:nth-child(1) dt, .screen .catalog_city:nth-child(1) dt {
    margin-top: 0
}

.catalog_city dt .ico_up {
    width: 22px;
    height: 16px;
    background: url(/images/post/new_notes/nn_v2/nn_sprite_v25.png) -68px -265px no-repeat;
    display: none;
    margin-left: 5px;
    vertical-align: middle;
    cursor: pointer
}

.catalog_city dt:hover .ico_up {
    display: inline-block
}

.catalog_city dt a {
    color: #666
}

.catalog_city dt:before {
    content: "";
    width: 4px;
    position: absolute;
    left: -31px;
    top: 0;
    bottom: 0;
    background: #ccc
}

.catalog_city dd {
    margin: 15px 0 30px;
    display: none
}

.catalog_areas li {
    margin-bottom: 22px;
    position: relative
}

.catalog_areas li .mdd_ico {
    width: 20px;
    height: 23px;
    background: url(/images/post/new_notes/nn_v2/nn_sprite_v25.png) -173px -175px no-repeat;
    position: absolute;
    left: -41px;
    top: 0;
    opacity: 0;
    filter: alpha(opacity=0);
    transform: scale(0);
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    transition: .3s ease-in-out 0s;
    -webkit-transition: .3s ease-in-out 0s;
    -moz-transition: .3s ease-in-out 0s;
    -o-transition: .3s ease-in-out 0s
}

.catalog_areas .current .mdd_ico {
    opacity: 1;
    filter: alpha(opacity=100);
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1)
}

.catalog_areas .pic_tag {
    margin: 0;
    padding-left: 0
}

.catalog_areas .pic_tag a {
    color: #666;
    font-size: 14px
}

.catalog_areas .pic_tag strong {
    font-family: Verdana
}

.catalog_mention {
    padding-left: 34px
}

.catalog_mention p {
    margin-bottom: 5px;
    line-height: 18px
}

.catalog_mention p a {
    color: #999
}

.catalog_areas .mdd_rocket {
    width: 40px;
    height: 40px;
    background: url(/images/post/new_notes/nn_v2/nn_sprite_v25.png) -186px -267px no-repeat;
    position: absolute;
    right: 0;
    top: 16px;
    display: none
}

.similar_notes {
    margin-top: 10px
}

.similar_thumb {
    display: block;
    position: relative
}

.similar_thumb strong {
    width: 200px;
    position: absolute;
    left: 0;
    bottom: 0;
    height: 34px;
    line-height: 34px;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#85000000, endColorstr=#85000000);
    background: rgba(0, 0, 0, .6);
    text-align: center;
    color: #fff;
    font-size: 16px;
    font-weight: normal
}

.similar_more {
    padding-left: 10px;
    border-left: 2px solid #ffc554;
    margin-top: 15px
}

.similar_more p {
    margin-bottom: 5px;
    line-height: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.similar_more .similar_mention {
    color: #999
}

.show_all dt:before {
    background-color: #ffc65a
}

.show_all dt .ico_up {
    display: inline-block;
    background-position: -173px -158px
}

.show_all dt a, .catalog_city dt:hover a, .catalog_areas .pic_tag a:hover {
    color: #ff8a00;
    text-decoration: none
}

.show_all dt a:hover {
    text-decoration: underline
}

.show_all dd {
    display: block
}

.screen {
    position: fixed !important;
    left: 0;
    top: 0;
    right: 0;
    margin-left: 0 !important;
    height: 100%;
    background: #fff;
    overflow-y: auto !important;
    padding: 0 70px 30px 40px !important;
    z-index: 999;
    _position: absolute;
    max-height: none !important
}

.screen_close {
    width: 29px;
    height: 29px;
    background: url(/images/post/user_calendar_v2/sprite.png) -47px -103px no-repeat;
    position: fixed;
    right: 35px;
    top: 20px;
    line-height: 200px;
    overflow: hidden;
    transition: transform 1s ease-in-out 0s;
    -webkit-transition: -webkit-transform 1s ease-in-out 0s;
    -moz-transition: -moz-transform 1s ease-in-out 0s;
    -o-transition: -o-transform 1s ease-in-out 0s;
    display: none;
    z-index: 1000
}

.screen_close:hover {
    transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg)
}

.screen .catalog_list {
    padding: 30px 0 30px 30px
}

.screen .catalog_city {
    border-bottom: 1px dotted #d7d7d7
}

.screen .catalog_city dt {
    margin: 18px 0 15px
}

.screen .catalog_city dd {
    margin-bottom: 0
}

.screen .catalog_city ul {
    *zoom: 1
}

.screen .catalog_city ul:after {
    content: "";
    display: block;
    height: 0;
    overflow: hidden;
    clear: both
}

.screen .catalog_city li {
    float: left;
    width: 240px;
    margin-bottom: 20px;
    position: relative
}

.screen .catalog_city:last-child dd:after {
    display: none
}

.similar_notes {
    position: absolute;
    left: -11px;
    top: -11px;
    margin-top: 0;
    background-color: #fff;
    z-index: 10;
    border: 1px solid #ffc656;
    padding: 10px;
    box-shadow: 0 2px 3px rgba(255, 144, 0, .4);
    width: 200px;
    border-radius: 5px;
    display: none
}

.screen .pic_tag {
    margin-bottom: 8px
}

.screen .ico_up {
    display: none !important
}

.map_guide, .map_bg {
    left: 0;
    top: 0;
    right: 0;
    bottom: 0
}

.map_guide {
    position: fixed;
    z-index: 1000
}

.map_bg {
    display: none;
    position: absolute;
    background: #000;
    opacity: .7;
    filter: alpha(opacity=70);
    z-index: 999
}

.map_guide .map_bg {
    display: block
}

.map_guide .map_con {
    background: #f0ebe7;
    height: 480px;
    position: fixed;
    _position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    margin-top: -240px;
    z-index: 1000
}

.map_con .map_close {
    width: 37px;
    height: 37px;
    background: url(/images/post/new_notes/nn_v2/nn_sprite_v25.png) -196px -158px no-repeat;
    position: absolute;
    right: 20px;
    top: 20px;
    line-height: 200px;
    overflow: hidden;
    -webkit-transition: 1s ease-in-out 0s;
    -moz-transition: 1s ease-in-out 0s;
    -ms-transition: 1s ease-in-out 0s;
    -o-transition: 1s ease-in-out 0s;
    transition: 1s ease-in-out 0s;
    z-index: 20
}

.map_con .map_close:hover {
    -webkit-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    transform: rotate(270deg)
}

.map_list {
    width: 240px;
    padding: 48px 0;
    position: absolute;
    left: 50%;
    bottom: 0;
    top: 0;
    overflow: hidden;
    margin-left: 250px;
    background: #fff;
    background: rgba(255, 255, 255, .9);
    z-index: 20
}

.map_slide i {
    width: 62px;
    height: 18px;
    position: absolute;
    left: 50%;
    margin-left: -31px;
    background: url(/images/post/new_notes/nn_v2/nn_sprite_v25.png) -236px -177px no-repeat;
    cursor: pointer;
    z-index: 1
}

.map_slide .up {
    top: 10px
}

.map_slide .down {
    bottom: 10px;
    background-position: -300px -177px
}

.map_slide i:hover {
    background-position: -68px -293px
}

.map_slide .down:hover {
    background-position: -68px -311px
}

.map_slide i.forbid {
    cursor: default
}

.map_slide i.forbid, .map_slide i.forbid:hover {
    background-position: -236px -158px
}

.map_slide .down.forbid, .map_slide .down.forbid:hover {
    background-position: -300px -158px
}

.map_total {
    margin-bottom: 20px;
    position: relative;
    font-size: 16px;
    color: #444;
    padding-left: 20px
}

.map_total:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 4px;
    background-color: #ffc65a
}

.map_total strong {
    font-family: verdana;
    font-size: 16px
}

.map_detail {
    height: 343px;
    overflow: hidden;
    position: relative
}

.map_areas {
    position: absolute;
    left: 0;
    top: 0;
    padding-left: 20px
}

.map_areas dt {
    position: relative;
    margin-bottom: 20px
}

.map_areas dt:before {
    content: "";
    position: absolute;
    left: -20px;
    top: 0;
    bottom: 0;
    width: 4px;
    background-color: #ccc
}

.map_areas dt a {
    color: #666;
    font-size: 14px;
    line-height: 26px
}

.map_areas dd {
    margin-bottom: 20px
}

.map_sub {
    padding-left: 20px;
    margin-left: 10px;
    border-left: 1px solid #efefef;
    display: none
}

.map_sub li {
    position: relative;
    margin-bottom: 10px;
    height: 22px
}

.map_sub li:last-child {
    margin-bottom: 0
}

.map_sub strong {
    width: 22px;
    height: 22px;
    position: absolute;
    left: -31px;
    top: 0;
    background: url(/images/post/new_notes/nn_v2/nn_sprite_v25.png) -363px -158px no-repeat;
    text-align: center;
    line-height: 22px;
    color: #fff;
    font-family: Verdana
}

.map_sub li a {
    font-size: 14px;
    color: #666;
    width: 160px;
    display: inline-block;
    overflow: hidden;
    *zoom: 1;
    text-overflow: ellipsis;
    white-space: nowrap;
    line-height: 22px
}

.map_sub li a:hover {
    color: #ff8a00
}

.map_areas .show_sub dt a {
    color: #ff8a00
}

.map_areas .show_sub dt:before {
    background-color: #ffc65a
}

.show_sub .map_sub {
    display: block
}

.out_info li {
    margin-bottom: 10px
}

.out_info li strong {
    font-weight: normal;
    padding-right: 15px
}

.out_info li span span {
    color: #999
}

.next {
    height: 80px;
    background: url(/images/post/new_notes/pre_footer.jpg) 50% 0 no-repeat;
    margin-top: 50px
}

.next_con {
    width: 980px;
    height: 30px;
    padding: 25px 0;
    margin: 0 auto;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    line-height: 30px
}

.next_article {
    font-size: 22px;
    font-weight: bold
}

.next_article a {
    color: #fff
}

.rbtn-top {
    height: 40px;
    padding-top: 11px
}

.view_side .rbtn-top {
    margin-bottom: 20px;
    padding-top: 0
}

.rbtn-top .Lbtn {
    width: 130px;
    float: right;
    position: relative;
    z-index: 70
}

.rbtn-top .Rbtn {
    width: 120px;
    float: left;
    position: relative;
    z-index: 70
}

.rbtn-top a.btn {
    display: block;
    width: 130px;
    height: 40px;
    font-size: 18px;
    line-height: 40px;
    color: #fff;
    position: relative;
    border-radius: 3px;
    overflow: hidden;
    z-index: 3;
    text-align: center;
    _height: 30px;
    _padding-top: 10px
}

.rbtn-top a.btn:hover {
    text-decoration: none
}

.rbtn-fav {
    width: 120px;
    height: 40px;
    overflow: hidden
}

.rbtn-fav a.btn {
    width: 120px;
    background: #5eb3db
}

.rbtn-fav a.btn i {
    width: 20px;
    height: 20px;
    display: inline-block;
    background: url(/images/post/new_notes/sprite_v35.png) -162px -289px no-repeat;
    vertical-align: -5px;
    margin-right: 5px;
    *+vertical-align: 0
}

.rbtn-fav a.btn:hover {
    background: #46a7d4
}

.rbtn-fav .droplist {
    width: 98px;
    padding: 5px 10px;
    background: #fff;
    border: 1px solid #d2d2d2;
    position: absolute;
    top: 6px;
    left: 0;
    padding-top: 26px;
    z-index: 2
}

.rbtn-fav .droplist a {
    display: block;
    height: 36px;
    line-height: 36px;
    border-bottom: 1px solid #f4f4f4;
    color: #666;
    font-size: 12px;
    background: url(/images/post/rbtnbg6.gif) 0 -521px no-repeat;
    padding-left: 24px
}

.rbtn-fav .droplist a:hover {
    color: #ffa800
}

.rbtn-fav .droplist a.youji {
    background-position: 0 -565px
}

.rbtn-share {
    position: relative
}

.rbtn-share a.btn {
    background: #98bf37
}

.rbtn-share a.btn:hover {
    background: #9bc437
}

.rbtn-share a.btn i {
    width: 25px;
    height: 22px;
    display: inline-block;
    background: url(/images/post/new_notes/sprite_v35.png) -135px -290px no-repeat;
    vertical-align: -5px;
    margin-right: 5px;
    *+vertical-align: middle
}

.rs_list {
    width: 130px;
    background: #81b065;
    border-radius: 3px;
    color: #79a160;
    text-align: center;
    font-size: 16px;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 5
}

.rs_list a {
    width: 35px;
    height: 40px;
    display: inline-block;
    padding: 0;
    margin: 0;
    background: url(/images/post/new_notes/sprite_v35.png) -175px -244px no-repeat;
    vertical-align: middle;
    margin-left: -1px
}

.rs_list a.zone {
    background-position: -219px -246px
}

.rs_list a.weixin {
    background-position: -257px -246px
}

.float-rbtn {
    clear: both
}

.post-up {
    float: right;
    padding: 2px 10px 0 0;
    position: relative
}

.post-up .num {
    float: right;
    padding: 10px 8px 0 0;
    width: 60px;
    font-size: 14px;
    color: #888;
    text-align: right;
    font-weight: bold;
    font-family: Verdana, Arial, Helvetica, STHeiti
}

.post-up .up_act {
    float: right;
    width: 37px;
    height: 33px;
    display: inline-block;
    margin-bottom: 5px;
    text-align: center;
    line-height: 32px;
    background: url(/images/post/new_notes/sprite_v35.png) -293px -236px no-repeat;
    font-size: 18px;
    color: #FFF;
    text-shadow: 1px 0 1px #fcaf54
}

.float-bar {
    width: 100%;
    background: #fff;
    background: rgba(255, 255, 255, 0.95);
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
    *border-bottom: 1px solid #f5f5f5;
    border-bottom: 1px solid #f5f5f5 \0;
    *zoom: 1;
    position: fixed;
    top: 0;
    z-index: 88
}

* html .float-bar {
    position: absolute;
    top: expression((document.documentElement.scrollTop || document.body.scrollTop)+Math.round(0 *(document.documentElement.offsetHeight || document.body.clientHeight) / 100)+'px')
}

.float-bar .content {
    width: 1000px;
    margin: 0 auto;
    position: relative
}

.float-bar .bar-main {
    width: 500px;
    float: left;
    padding: 3px 10px 4px 0
}

.float-bar .bar-main .post-plan {
    float: left;
    margin-top: 12px;
    line-height: 22px;
    color: #666
}

.float-bar .bar-main a.plan {
    padding: 2px 0 2px 30px;
    background: url(/images/post/rbtnbg6.gif) no-repeat 0 -613px;
    color: #ff8a00;
    font-size: 14px
}

.float-bar .bar-main .post-plan span {
    margin-left: 5px;
    font-style: normal
}

.float-bar .bar-aside {
    float: right;
    z-index: 71;
    position: relative
}

.float-bar .share-info {
    position: absolute;
    top: 60px
}

.float-bar .post-up {
    width: 105px;
    padding: 8px 15px 0 0
}

.float-bar .rbtn-top {
    padding-top: 11px
}

.float-bar .bread-nav {
    width: 570px;
    height: 55px;
    float: left;
    position: relative
}

.float-bar .bread-nav .circle_bar {
    display: block;
    margin-top: 10px;
    float: left;
    position: relative;
    width: 36px;
    height: 36px;
    background: url(/images/post/new_notes/nn_v2/nn_sprite_v25.png) no-repeat -264px -266px
}

.circle_bar i {
    width: 36px;
    height: 36px;
    position: absolute;
    left: 0;
    top: 0;
    background-image: url(/images/post/new_notes/nn_v2/circle_per1.png)
}

.circle_bar i.circle_per2 {
    background-image: url(/images/post/new_notes/nn_v2/circle_per2.png)
}

.circle_bar i.circle_per3 {
    background-image: url(/images/post/new_notes/nn_v2/circle_per3.png)
}

.circle_bar i.circle_per4 {
    background-image: url(/images/post/new_notes/nn_v2/circle_per4.png)
}

.circle_bar i.circle_per5 {
    background-image: url(/images/post/new_notes/nn_v2/circle_per5.png)
}

.circle_bar i.circle_per6 {
    background-image: url(/images/post/new_notes/nn_v2/circle_per6.png)
}

.circle_bar i.circle_per7 {
    background-image: url(/images/post/new_notes/nn_v2/circle_per7.png)
}

.circle_bar i.circle_per8 {
    background-image: url(/images/post/new_notes/nn_v2/circle_per8.png)
}

.circle_bar i.circle_per9 {
    background-image: url(/images/post/new_notes/nn_v2/circle_per9.png)
}

.circle_bar i.circle_per10 {
    background-image: url(/images/post/new_notes/nn_v2/circle_per10.png)
}

.circle_bar i.circle_per11 {
    background-image: url(/images/post/new_notes/nn_v2/circle_per11.png)
}

.circle_bar i.circle_per12 {
    background-image: url(/images/post/new_notes/nn_v2/circle_per12.png)
}

.circle_bar i.circle_per13 {
    background-image: url(/images/post/new_notes/nn_v2/circle_per13.png)
}

.circle_bar i.circle_per14 {
    background-image: url(/images/post/new_notes/nn_v2/circle_per14.png)
}

.circle_bar i.circle_per15 {
    background-image: url(/images/post/new_notes/nn_v2/circle_per15.png)
}

.circle_bar i.circle_per16 {
    background-image: url(/images/post/new_notes/nn_v2/circle_per16.png)
}

.float-bar .bread-nav .support_canvas {
    background-position: -301px -266px
}

.float-bar .bread-nav .support_canvas i {
    display: none
}

.float-bar .bread-nav canvas {
    display: none;
    position: absolute;
    z-index: 2
}

.float-bar .bread-nav .support_canvas canvas {
    display: block
}

.float-bar .bread-nav i.music {
    width: 16px;
    height: 16px;
    display: inline-block;
    background: url(/images/post/icon_music.gif) no-repeat;
    vertical-align: middle;
    margin-left: 6px;
    cursor: pointer
}

.float-bar .bread-nav i.music-off {
    background-position: 0 -16px
}

.float-bar .bread-nav .bread-con {
    width: 525px;
    float: left;
    font-size: 14px;
    color: #666;
    padding-top: 17px;
    margin-left: 9px
}

.float-ba .bread-nav .bread-con a {
    font-size: 14px;
    color: #ff8a00
}

.float-bar .bread-nav .progress-bg {
    width: 529px;
    height: 12px;
    font-size: 0;
    background: url(/images/post/loadbar2.png) 0 5px no-repeat;
    _background: url(/images/post/loadbar3.gif) 0 5px no-repeat;
    position: absolute;
    left: 41px;
    bottom: 5px
}

.float-bar .bread-nav .progress {
    height: 12px;
    font-size: 0;
    background: url(/images/post/loadbar2.png) right -53px no-repeat;
    _background: url(/images/post/loadbar3.gif) right -53px no-repeat
}

.bread-nav .view_guide {
    padding: 0 12px;
    height: 28px;
    line-height: 28px;
    overflow: hidden;
    background: #ffa800;
    border-radius: 5px;
    position: absolute;
    right: 0;
    top: 6px;
    color: #fff;
    font-size: 14px
}

.bread-nav .view_guide:hover {
    background: #ff8a00;
    text-decoration: none
}

.bread-nav .view_guide i {
    width: 17px;
    height: 20px;
    display: inline-block;
    float: left;
    background: url(/images/post/guide_sprite.png) 0 0 no-repeat;
    margin: 4px 5px 0 0
}

.wd_area {
    margin-bottom: 20px;
    width: 565px;
    padding: 22px 25px;
    border: solid 1px #dadada
}

.wd_inf {
    color: #ff7200;
    font-size: 18px
}

.wd_inf img {
    width: 16px;
    height: 16px;
    margin: 0 5px 0 10px
}

.wd_inf em {
    font-size: 14px;
    font-style: normal;
    font-weight: normal
}

.wd_bt {
    margin-top: 20px;
    font-size: 14px;
    color: #666;
    border: solid 2px #fc3;
    width: 531px;
    padding: 5px 15px;
    height: 24px;
    line-height: 24px;
    resize: none;
    overflow: auto;
    outline: 0
}

.wd_area p {
    margin-top: 10px;
    font-size: 12px;
    color: #999;
    line-height: 18px
}

.wd_bc {
    outline: 0;
    margin-top: 20px;
    font-size: 14px;
    color: #666;
    border: solid 1px #d4d4d4;
    background-color: #f7f7f7;
    width: 531px;
    padding: 5px 15px;
    height: 66px;
    line-height: 24px;
    resize: none
}

.lz_bb {
    margin-top: 25px
}

.lz_bb a.lz_fb {
    margin-right: 20px;
    background-color: #ffc55a;
    border-radius: 3px;
    display: inline-block;
    width: 100px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    font-size: 14px;
    color: #fff
}

.lz_bb a.lz_fb i {
    vertical-align: middle;
    width: 60px;
    height: 26px;
    display: none;
    background: url(/images/new_notes/loading.gif) no-repeat
}

.lz_bb a.lz_fb.loading i {
    display: inline-block
}

.lz_bb input {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    vertical-align: text-top
}

.lz_bb span {
    margin-left: 4px;
    font-size: 12px;
    color: #666
}

.err-tips {
    margin: 10px 0;
    padding: 0 0 3px 22px;
    font-size: 12px;
    color: #ff3c00;
    background: url(/images/signup/err_ico.png) no-repeat
}

.lz_tan {
    position: fixed;
    top: 50%;
    left: 50%;
    margin-left: -254px;
    margin-top: -111px;
    width: 460px;
    height: 192px;
    padding: 20px 24px 10px 24px;
    border: solid 1px #d7d7d7;
    box-shadow: 0 2px 0 rgba(0, 0, 0, 0.08);
    background-color: #fff;
    overflow: hidden;
    z-index: 100
}

.lz_tan p {
    font-size: 14px;
    color: #666;
    line-height: 14px
}

.lz_tan textarea {
    margin: 22px 0 0;
    background-color: #f1f1f1;
    width: 436px;
    height: 110px;
    padding: 5px 12px;
    border: 0;
    font-size: 12px;
    color: #999;
    line-height: 20px;
    resize: none
}

.lz_tan textarea.on {
    background-color: #fff;
    border: solid 1px #ffce6f;
    width: 434px;
    height: 108px;
    line-height: 22px;
    font-size: 14px;
    color: #666
}

a.lz_hd {
    float: right;
    margin-top: 10px;
    background-color: #ffa800;
    border-radius: 3px;
    display: inline-block;
    width: 90px;
    height: 25px;
    line-height: 25px;
    text-align: center;
    font-size: 14px;
    color: #fff
}

a.lz_hd:hover {
    background-color: #ff8a00
}

.lz_qx {
    float: right;
    margin-top: 10px;
    margin-right: 10px;
    background-color: #eee;
    border-radius: 3px;
    display: inline-block;
    width: 60px;
    height: 25px;
    line-height: 25px;
    text-align: center;
    font-size: 14px;
    color: #666
}

.lz_tan span {
    float: left;
    font-size: 12px;
    line-height: 25px;
    margin-top: 10px;
    color: #c00
}

.lz_wd {
    padding: 10px 42px 10px 10px;
    overflow: hidden;
    font-size: 14px;
    color: #4d4d4d;
    line-height: 24px
}

.lz_wd a:hover {
    text-decoration: none
}

.lz_wd span.lz_1 {
    font-size: 12px;
    color: #999;
    line-height: 20px;
    display: block
}

.lz_wd .lz_tit {
    font-size: 14px;
    color: #ff8a00;
    margin-bottom: 5px
}

.lz_wd p.lz_wt {
    color: #999;
    line-height: 20px
}

.post_info .lz_wd .lz_q {
    vertical-align: top
}

.lz_wd .lz_dd {
    font-size: 12px;
    color: #999;
    line-height: 18px;
    padding-top: 13px
}

.lz_wd .lz_dd a.lz-wl {
    color: #fff;
    background-color: #ffa800;
    border-radius: 2px;
    display: inline-block;
    width: 80px;
    height: 18px;
    line-height: 18px;
    text-align: center;
    margin-left: 10px
}

.lz_wd .lz_dd a:hover {
    text-decoration: none
}

.lz_tt {
    font-size: 12px;
    color: #999;
    margin-bottom: 5px
}

.lz_tt img {
    width: 16px;
    height: 16px
}

.lz_tt span {
    margin-left: 5px
}

.lz_cc p a {
    color: #4d4d4d
}

.lz_cc p a:hover {
    color: #4d4d4d
}

.lz_qy img {
    width: 16px;
    height: 16px;
    margin-right: 2px
}

.lz_qy a.lz_more {
    margin-left: 3px;
    font-size: 12px;
    color: #9d7d50
}

.lz_wd:hover {
    background-color: #fff9e9
}

.lz_wd:hover .lz_tit {
    color: #ff7200
}

.lz_tit a {
    color: #ff7200
}

.lz_tit a:hover {
    color: #ff7200
}

.lz_wd:hover .lz_dd a.lz-wl {
    background-color: #ff8a00
}

.popup_area .uploading {
    width: 720px
}

.popup_area .up_list a {
    cursor: default
}

.popup_area .up_list a:hover {
    zoom: 1
}

.up_list .out {
    width: 50px;
    height: 20px;
    position: absolute;
    right: 0;
    top: 0;
    background: url(/images/post/new_notes/sprite_v35.png) 0 -327px no-repeat;
    line-height: 200px;
    overflow: hidden;
    cursor: pointer;
    visibility: hidden
}

.popup_area .up_list a:hover .out {
    visibility: visible
}

.popup_area .ad_slide {
    height: 350px;
    right: -10px;
    top: 0
}

.pa_btn {
    text-align: right;
    padding-top: 15px
}

.pa_btn a {
    margin-left: 42px
}

.pa_btn a.btn_big {
    width: 100px;
    padding: 0
}

.pa_btn a.cancel {
    font-size: 16px;
    color: #666
}

.area-title {
    height: 40px;
    line-height: 40px;
    margin: 0 30px 15px 0;
    font-size: 16px;
    width: 710px
}

.area-title i {
    width: 40px;
    height: 40px;
    display: inline-block;
    vertical-align: middle;
    background: url(/images/post/new_notes/sprite_v35.png) 0 -165px no-repeat;
    margin-right: 10px
}

.area-title i.house {
    background-position: 0 -165px
}

.area-title i.hotel {
    background-position: -41px -165px
}

.area-title i.food {
    background-position: -82px -165px
}

.area-title i.play {
    background-position: -123px -165px
}

.area-title i.plane {
    background-position: -164px -165px
}

.area-title i.shopping {
    background-position: -205px -165px
}

.area-list {
    width: 740px;
    overflow: auto
}

.area-list a {
    cursor: default
}

.area-list a:hover {
    zoom: 1
}

.up_list .out {
    width: 50px;
    height: 20px;
    position: absolute;
    right: 0;
    top: 0;
    background: url(/images/post/new_notes/sprite_v35.png) 0 -327px no-repeat;
    line-height: 200px;
    overflow: hidden;
    cursor: pointer;
    visibility: hidden
}

.area-list a:hover .out {
    visibility: visible
}

.area-pop-btn {
    background-color: #fff;
    padding: 20px 30px 20px 0;
    text-align: center
}

.area-pop-btn .area-btn-sub {
    border: 1px solid #ff9c00;
    background-color: #ffa800;
    color: #fff;
    padding: 0 28px;
    filter: chroma(color=#000000);
    height: 22px;
    line-height: 22px;
    text-align: center;
    border-radius: 3px;
    font-size: 12px;
    margin: 0 2px;
    cursor: pointer
}

.travel_list {
    width: 260px;
    height: 383px;
    position: absolute;
    left: 50%;
    top: 0;
    margin-left: -490px
}

.travel_list .tl_ico {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, 0.5);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#AB000000, endColorstr=#AB000000);
    z-index: 0;
    _height: 480px
}

.tl_con {
    width: 230px;
    height: 377px;
    position: absolute;
    left: 30px;
    top: 0;
    z-index: 2;
    overflow: hidden
}

.tl_con_box {
    position: relative
}

.tl_con_box i.top_ico {
    width: 2px;
    height: 25px;
    position: absolute;
    background: #fff;
    top: 0;
    left: 11px
}

.tl_con_box dl {
    padding-top: 25px
}

.tl_con_box dt, .tl_con dd {
    background: url(/images/post/new_notes/sprite_v35.png) -476px -240px no-repeat;
    padding-left: 30px
}

.tl_con_box dt {
    height: 42px;
    line-height: 34px
}

.tl_con_box dd {
    height: 32px;
    position: relative;
    background-position: -476px -216px;
    line-height: 24px
}

.tl_con_box dd i {
    width: 24px;
    height: 24px;
    background: url(/images/post/new_notes/sprite_v35.png) 0 -422px no-repeat;
    position: absolute;
    left: 0;
    top: 0
}

.tl_con_box dd a.house i {
    background-position: 0 -422px
}

.tl_con_box dd a.hotel i {
    background-position: -25px -422px
}

.tl_con_box dd a.food i {
    background-position: -50px -422px
}

.tl_con_box dd a.play i {
    background-position: -75px -422px
}

.tl_con_box dd a.plane i {
    background-position: -100px -422px
}

.tl_con_box dd a.shopping i {
    background-position: -125px -422px
}

.tl_con_box dd a.house:hover i {
    background-position: 0 -447px
}

.tl_con_box dd a.hotel:hover i {
    background-position: -25px -447px
}

.tl_con_box dd a.food:hover i {
    background-position: -50px -447px
}

.tl_con_box dd a.play:hover i {
    background-position: -75px -447px
}

.tl_con_box dd a.plane:hover i {
    background-position: -100px -447px
}

.tl_con_box dd a.shopping:hover i {
    background-position: -125px -447px
}

.tl_con_box dl a {
    width: 100%;
    height: 24px;
    display: inline-block;
    font-size: 14px;
    color: #fff;
    line-height: 22px
}

.tl_con_box dt a {
    font-size: 16px
}

.tl_con_box dl a:hover {
    color: #fff
}

.mCS-poi-list .mCSB_container {
    width: 192px;
    overflow: hidden
}

.mCS-poi-list .mCSB_scrollTools {
    width: 6px;
    height: 100%;
    top: 0;
    right: 5px
}

.mCS-poi-list .mCSB_draggerContainer {
    margin: 10px 0;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    height: auto
}

.mCS-poi-list .mCSB_dragger {
    width: 100%;
    cursor: pointer;
    height: 30px
}

.mCS-poi-list .mCSB_dragger .mCSB_dragger_bar {
    width: 100%;
    background: #000;
    opacity: .6;
    filter: alpha(opacity=60);
    height: 100%;
    border-radius: 5px
}

.tl_coll {
    width: 260px;
    height: 58px;
    line-height: 58px;
    position: absolute;
    left: 0;
    bottom: 0;
    text-align: center;
    background: #ffa800;
    color: #fff;
    font-size: 18px;
    _height: 33px;
    _padding-top: 15px
}

.tl_coll:hover {
    background: #ff8a00;
    color: #fff;
    text-decoration: none
}

.tl_coll i {
    width: 15px;
    height: 15px;
    background: url(/images/post/new_notes/sprite_v35.png) -439px -109px no-repeat;
    display: inline-block;
    margin-right: 5px;
    *+vertical-align: 4px;
    _vertical-align: 0
}

.travel_area {
    width: 22px;
    height: 22px;
    position: relative;
    background: url(/images/post/new_notes/nn_v2/nn_sprite_v25.png) -363px -158px no-repeat;
    text-align: center;
    line-height: 22px;
    color: #FFF;
    cursor: pointer;
    font-family: Verdana
}

.travel_hotel, .map_sub .hotel strong {
    background-position: -331px -203px
}

.map_sub .hotel strong {
    line-height: 200px;
    overflow: hidden
}

.travel_hotel div {
    display: none
}

.travel_area p {
    width: 166px;
    height: 148px;
    padding-bottom: 10px;
    position: absolute;
    left: -8px;
    top: -156px;
    display: none;
    z-index: 10;
    font-family: Arial, "Microsoft Yahei", "\5FAE\8F6F\96C5\9ED1", Tahoma, Helvetica, STHeiti, "Hiragino Sans GB"
}

.travel_area a {
    color: #666
}

.travel_area span {
    width: 150px;
    height: 132px;
    padding: 8px;
    background: #fff;
    box-shadow: 2px 2px 3px rgba(0, 0, 0, .15);
    display: inline-block;
    border-radius: 5px
}

.travel_area span strong {
    display: block;
    margin-top: 12px;
    height: 20px;
    overflow: hidden;
    font-size: 14px;
    font-weight: normal;
    text-align: left;
    line-height: normal
}

.travel_area span i {
    width: 0;
    height: 0;
    border-width: 5px;
    border-style: solid dashed dashed dashed;
    border-color: #fff transparent transparent transparent;
    line-height: 0;
    font-size: 0;
    position: absolute;
    bottom: 0;
    left: 13px
}

.travel_area em {
    padding: 0 10px;
    line-height: 30px;
    background-color: #000;
    background-color: rgba(0, 0, 0, .8);
    position: absolute;
    right: 8px;
    top: 8px;
    color: #fff;
    font-style: normal
}

.travel_area span img {
    width: 150px;
    height: 100px
}

.travel_area_pop {
    width: 166px;
    height: 148px;
    padding-bottom: 10px;
    margin-left: 130px;
    position: relative
}

.travel_area_pop span {
    width: 150px;
    height: 132px;
    padding: 8px;
    background: #fff;
    box-shadow: 2px 2px 3px rgba(0, 0, 0, .15);
    display: inline-block;
    border-radius: 5px
}

.travel_area_pop span strong {
    font-size: 14px;
    font-weight: normal;
    display: block;
    margin-top: 12px
}

.travel_area_pop span i {
    width: 0;
    height: 0;
    border-width: 5px;
    border-style: solid dashed dashed dashed;
    border-color: #fff transparent transparent transparent;
    line-height: 0;
    font-size: 0;
    position: absolute;
    bottom: 0;
    left: 13px
}

.travel_area_pop span img {
    width: 150px;
    height: 100px
}

.travel_area.travel_area_on {
    z-index: 10
}

.travel_area.travel_area_on p {
    display: block
}

.__pop_under p {
    top: 20px;
    padding: 10px 0 0
}

.__pop_under p span i {
    border-style: dashed dashed solid dashed;
    border-color: transparent transparent #FFF transparent;
    top: 0;
    bottom: auto
}

.__pop_under em {
    top: 18px
}

.no_pic {
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top: -20px;
    font-size: 32px;
    color: #aaa;
    margin-left: -145px
}

.set_drag {
    width: 230px;
    height: 40px;
    position: absolute;
    left: 50%;
    top: 220px;
    margin: 0 0 0 -115px;
    line-height: 40px;
    background: #000;
    background: rgba(0, 0, 0, .7);
    overflow: hidden;
    font-size: 18px;
    color: #fff;
    border-radius: 5px;
    display: none
}

.set_drag i {
    width: 18px;
    height: 22px;
    float: left;
    margin: 9px 10px 0 20px;
    background: url(/images/post/new_notes/sprite_v35.png) -151px -422px no-repeat
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
    .btn_share_qzone, .btn_share_weibo, .btn_share_renren, .btn_share_qtt, .btn_pic_s, .btn_pic_r, .btn_pic_f {
        box-sizing: border-box
    }

    .btn_share_qtt, .btn_pic_s, .btn_pic_r, .btn_pic_f {
        margin: 0 6px 0 0;
        padding: 0
    }

    .btn_share_qzone, .btn_share_weibo, .btn_share_renren, .btn_share_qtt {
        padding: 0 6px
    }
}

.btn_pic_s {
    width: 85px;
    height: 18px;
    background: url(/images/connect_app/btn_share2.gif) 0 0 no-repeat;
    border: 0 none;
    cursor: pointer;
    margin-left: 4px
}

.btn_pic_r {
    width: 84px;
    height: 18px;
    background: url(/images/connect_app/btn_share2.gif) 0 -18px no-repeat;
    border: 0 none;
    cursor: pointer;
    margin-left: 4px
}

.btn_pic_f {
    width: 50px;
    height: 18px;
    background: url(/images/connect_app/btn_share2.gif) 0 -36px no-repeat;
    border: 0 none;
    cursor: pointer;
    margin-left: 4px
}

.btn_share_qzone {
    width: 62px;
    height: 18px;
    background: url(/images/connect_app/btn_share2.gif) 0 -54px no-repeat;
    border: 0 none;
    cursor: pointer
}

.btn_share_weibo {
    width: 25px;
    height: 18px;
    background: url(/images/connect_app/btn_share2.gif) -62px -54px no-repeat;
    border: 0 none;
    cursor: pointer
}

.btn_share_renren {
    width: 23px;
    height: 18px;
    background: url(/images/connect_app/btn_share2.gif) -87px -54px no-repeat;
    border: 0 none;
    cursor: pointer
}

.btn_share_qtt {
    width: 26px;
    height: 18px;
    background: url(/images/connect_app/btn_share2.gif) -110px -54px no-repeat;
    border: 0 none;
    cursor: pointer
}

.pic_hover_handle {
    position: absolute;
    height: 40px;
    padding: 0 8px 0 16px;
    background-color: #474648;
    color: #fff;
    font-size: 14px;
    z-index: 10
}

.pic_hover_handle span {
    float: left;
    position: relative;
    overflow: hidden;
    line-height: 40px;
    margin-right: 22px
}

.pic_hover_handle span i, .pic_hover_handle span strong {
    cursor: pointer
}

.pic_hover_handle span strong {
    font-weight: normal;
    float: left
}

.pic_hover_handle span i, .pic_hover_handle span a {
    display: inline-block;
    background-image: url(/images/post/new_notes/nn_v2/notes_share.png);
    float: left
}

.pic_hover_handle span i {
    width: 28px;
    height: 27px;
    margin: 6px 5px 0 0
}

.pic_hover_handle .phh_quote i {
    background-position: -29px 0
}

.pic_hover_handle .phh_share i {
    background-position: -61px 0
}

.pic_hover_handle span:hover i {
    background-position: 0 -28px
}

.pic_hover_handle .phh_quote:hover i {
    background-position: -29px -28px
}

.pic_hover_handle .phh_share:hover i {
    background-position: -61px -28px
}

.phh_share {
    width: 70px;
    transition: width .5s ease-out 0s;
    -webkit-transition: width .5s ease-out 0s;
    -moz-transition: width .5s ease-out 0s;
    -o-transition: width .5s ease-out 0s
}

.phh_share:hover {
    width: 172px
}

.pic_hover_handle span .phh_share_sub {
    position: absolute;
    left: 72px;
    top: 0
}

.phh_share_sub a {
    width: 26px;
    height: 26px;
    background-position: 0 -57px;
    line-height: 200px;
    overflow: hidden;
    margin: 7px 10px 0 0
}

.phh_share_sub .zone {
    background-position: -36px -57px
}

.phh_share_sub .weixin {
    background-position: -72px -57px
}

.pic_hover_handle .phh_share, .pic_hover_handle .phh_share_sub, .pic_hover_handle span .weixin {
    margin-right: 0
}

.pic-toolbar {
    width: 680px;
    height: 40px;
    background-color: rgba(0, 0, 0, .7);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled='true', startColorstr='#aa000000', endColorstr='#aa000000');
    color: #fff;
    line-height: 40px;
    font-size: 12px
}

.pic-toolbar a {
    color: #fff
}

.ptb-share {
    float: left;
    padding-left: 20px
}

.ptb-share span {
    float: left;
    margin-right: 8px
}

.ptb-share a {
    float: left;
    margin: 8px 5px 0 0;
    width: 25px;
    height: 25px;
    background: url(/images/post/new_notes/pic-toolbar-icon.png) no-repeat 0 0;
    overflow: hidden;
    border-radius: 3px;
    line-height: 200px
}

.ptb-share .weibo {
    background-color: #d44e50;
    background-position: 0 0
}

.ptb-share .qzone {
    background-color: #448dbe;
    background-position: -25px 0
}

.ptb-share .weixin {
    background-color: #77a454;
    background-position: -50px 0
}

.ptb-option {
    float: left;
    margin-left: 15px
}

.ptb-option a {
    float: left;
    margin-right: 20px
}

.ptb-option a:hover {
    text-decoration: none
}

.ptb-option i {
    float: left;
    margin: 13px 6px 0 0;
    width: 16px;
    height: 16px;
    background: url(/images/post/new_notes/pic-toolbar-icon.png) no-repeat 0 -25px;
    overflow: hidden
}

.ptb-reply:hover i {
    background-position: 0 -50px
}

.ptb-collect i {
    background-position: -25px -25px
}

.ptb-collect.on i, .ptb-collect:hover i {
    background-position: -25px -50px
}

.ptb-ding {
    float: right;
    padding-right: 20px;
    font-size: 16px
}

.ptb-ding .btn-ding {
    float: right;
    margin: 8px 0 0 8px;
    width: 25px;
    height: 25px;
    background: url(/images/post/new_notes/pic-toolbar-icon.png) no-repeat -50px -25px;
    overflow: hidden;
    line-height: 200px
}

.ptb-ding .btn-ding.on {
    background-position: -50px -50px
}

.zindex20 {
    z-index: 20
}

.down_con {
    position: absolute;
    left: 0;
    right: 1px;
    *+right: 3px;
    top: 26px;
    background: #fff;
    z-index: 10;
    border: 1px solid #d5d5d5;
    display: none
}

.more_list dd td .down_con li a {
    padding: 2px 15px;
    height: 24px;
    overflow: hidden;
    display: block;
    position: static;
    background: #fff;
    width: auto;
    line-height: 24px;
    color: #666
}

.more_list dd td .down_con li a:hover {
    background: #f5f5f5;
    color: #666;
    text-decoration: none
}

.down_hotel {
    top: 30px
}

.popup_edit {
    width: 340px;
    height: 275px;
    padding: 25px;
    margin: -162px 0 0 -195px;
    background: #FFF;
    top: 50%;
    overflow: visible
}

.popup_edit dt {
    font-size: 16px
}

.popup_edit dd {
    margin-top: 20px
}

.popup_edit dd tr {
    height: 33px
}

.popup_edit dd th {
    width: 65px;
    padding: 0 5px 0 0;
    font-weight: normal;
    text-align: left;
    font-size: 14px
}

.popup_edit dd td {
    position: relative;
    color: #666
}

@-moz-document url-prefix() {
    .popup_edit dd td {
        display: block;
        padding: 3px 0
    }
}

.popup_edit dd input {
    width: 195px;
    height: 20px;
    line-height: 20px;
    border: 1px solid #d5d5d5;
    padding: 2px 7px;
    color: #999;
    font-size: 12px;
    font-family: "Microsoft Yahei", "Hiragino Sans GB", "Hiragino Sans GB W3", SimSun, STHeiti
}

.popup_edit dd td a, .popup_edit dd td span, .form_complete a {
    position: absolute;
    right: 57px;
    top: 8px
}

.popup_edit dd td span {
    color: #999;
    right: 8px
}

.popup_edit dd td a {
    width: 16px;
    height: 16px;
    background: url(/images/post/new_notes/sprite_v35.png) 0 -309px no-repeat
}

.popup_edit dd td a.time:hover {
    background-position: 0 -291px
}

.popup_edit dd td a.down {
    width: 17px;
    height: 15px;
    background-position: -233px -287px;
    border-left: 1px solid #e6e6e6;
    right: 56px;
    top: 8px
}

.popup_edit dd td a.down:hover {
    background-position: -250px -287px
}

.popup_edit dd td a.ok {
    width: 15px;
    height: 16px;
    background-position: -285px -285px
}

.popup_edit dd td a.ok:hover {
    background-position: -300px -285px
}

.popup_edit .down_con {
    right: 53px
}

.popup_edit dd td .down_con li a {
    padding: 2px 15px;
    height: 24px;
    overflow: hidden;
    display: block;
    position: static;
    background: #fff;
    width: auto;
    line-height: 24px;
    color: #666
}

.popup_edit dd td .down_con li a:hover {
    background: #f5f5f5;
    color: #666;
    text-decoration: none
}

.dd_edit {
    padding-left: 207px
}

.pop_edit_traf {
    height: 235px
}

.pop_edit_hotel {
    height: 205px
}

.pop_edit_traf dd input, .pop_edit_hotel dd input {
    width: 320px
}

.pop_edit_traf .dd_edit {
    padding-left: 250px
}

.pop_edit_hotel .dd_edit {
    padding-left: 260px
}

.pop_edit_traf dd td a, .pop_edit_hotel dd td a {
    right: 4px
}

.td_width dd tr {
    height: 35px
}

.pop_edit_hotel dd .m_photo {
    height: 50px
}

.pop_edit_hotel dd .m_photo input {
    width: 25px;
    height: 18px;
    padding: 0;
    margin: 0;
    vertical-align: -4px;
    border: 0;
+ vertical-align: - 1 px;
    _vertical-align: -4px
}

.pop_edit_hotel dd .m_photo label {
    display: inline-block;
    margin-right: 15px;
    line-height: 18px;
    cursor: pointer
}

.drag, .drag_word {
    position: absolute;
    border: 2px solid #ffa800
}

.drag {
    width: 230px;
    height: 153px
}

.drag img {
    display: block
}

.drag i {
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -20px 0 0 -20px
}

.drag_word {
    width: 156px;
    height: 101px;
    background: url(/images/post/new_notes/word.gif) 0 0 no-repeat
}

.sort_drag, .sort_drag_word, .sort_drag_title, .sort_drag_video {
    position: absolute;
    border: 2px solid #ffa800;
    width: 76px;
    height: 76px
}

.sort_drag img {
    width: 76px;
    height: 76px
}

.sort_drag_word {
    background: url(/images/post/new_notes/p_76X76.gif) 0 0 no-repeat
}

.sort_drag_title {
    background: url(/images/post/new_notes/paragraph.gif) 0 0 no-repeat
}

.sort_drag_video {
    background: url(/images/post/new_notes/video_v2.gif) 0 0 no-repeat
}

.add_paragraph {
    margin-top: 25px
}

.paragraph_item {
    margin-bottom: 25px
}

.paragraph_item dt {
    width: 110px;
    float: left;
    text-align: right;
    font-size: 16px
}

.paragraph_item dt span {
    color: #F00;
    padding-left: 4px;
    vertical-align: -4px;
    margin-right: 5px
}

.paragraph_item .dt_name {
    line-height: 42px
}

.paragraph_item dd {
    width: 550px;
    float: right
}

.paragraph_name input {
    display: block;
    width: 520px;
    padding: 10px 14px;
    line-height: 20px;
    background-color: #efefef;
    border: 1px solid #efefef;
    color: #666;
    font-size: 16px
}

.paragraph_name input:focus {
    border-color: #ffc65a;
    box-shadow: 0 0 3px #ffc65a;
    background-color: #FFF
}

.paragraph_tips {
    margin-top: 10px;
    line-height: 20px;
    color: #999
}

.show_name {
    margin-top: 5px;
    font-size: 14px
}

.show_name input {
    margin: 0 5px 0 0
}

.show_name input, .show_name label {
    vertical-align: middle;
    cursor: pointer
}

.paragraph_pics {
    overflow: hidden;
    *zoom: 1
}

.default_pics {
    width: 576px
}

.default_pics li {
    width: 168px;
    height: 60px;
    float: left;
    margin: 0 23px 20px 0;
    position: relative
}

.default_pics li a {
    display: block;
    width: 164px;
    line-height: 56px;
    border: 2px solid #ccc;
    position: relative
}

.default_pics li a:hover {
    border-color: #ffa800
}

.default_pics li .icon-new {
    position: absolute;
    left: 0;
    top: 0;
    width: 25px;
    height: 25px;
    background: url(/images/post/new_notes/nn_v2/nn_sprite_v25.png) no-repeat -55px -370px;
    overflow: hidden
}

.default_pics li .selected_ok {
    display: none;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    border: 2px solid #ffa800;
    z-index: 10
}

.default_pics li.on .selected_ok {
    display: block
}

.default_pics li.on .selected_ok:before, .default_pics li.on .selected_ok:after {
    content: "";
    position: absolute
}

.default_pics li.on .selected_ok:before {
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: #ffa800;
    background-color: rgba(255, 168, 0, .7)
}

.default_pics li.on .selected_ok:after {
    width: 37px;
    height: 28px;
    right: 15px;
    top: 15px;
    background: url(/images/post/new_notes/nn_v2/nn_sprite_v25.png) -91px -265px no-repeat
}

.default_pics .defined_self a {
    width: 166px;
    line-height: 58px;
    border: 1px dashed #d6d6d6;
    background-color: #fff;
    display: block;
    text-align: center;
    color: #666;
    font-size: 16px
}

.default_pics .defined_self a:hover {
    background-color: #fff9e8;
    border-color: #ffc65a;
    color: #ff8a00;
    text-decoration: none
}

.default_pics li .change_pic {
    padding: 0 10px;
    line-height: 24px;
    position: absolute;
    right: 4px;
    bottom: 3px;
    background: rgba(0, 0, 0, .8);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#95000000, endColorstr=#95000000);
    color: #fff;
    z-index: 4;
    cursor: pointer
}

.write_base_info .base_info_button {
    margin-top: 10px
}

.default_pics .defined_self .uploaded_pic {
    position: relative;
    z-index: 3
}

.paragraph_item .up_self_tips {
    width: 375px;
    padding: 8px 18px;
    line-height: 20px;
    background-color: #fff9d8;
    color: #ff8a00;
    border: 1px solid #f5e9a6;
    border-radius: 5px;
    position: relative;
    margin-top: -12px;
    margin-bottom: 5px
}

.up_self_tips em, .up_self_tips i {
    position: absolute;
    right: 30px;
    top: -12px;
    width: 0;
    height: 0;
    border-width: 6px;
    border-style: dashed dashed solid dashed;
    border-color: transparent transparent #f5e9a6 transparent
}

.up_self_tips i {
    top: -10px;
    border-bottom-color: #fff9d8
}

.add_button {
    width: 600px;
    margin: 20px 0;
    position: relative
}

.add_ico {
    display: inline-block;
    width: 28px;
    height: 28px;
    background: url(/images/post/new_notes/nn_v2/nn_sprite_v25.png) -120px 0 no-repeat;
    transition: transform .6s ease-in-out 0s;
    -webkit-transition: -webkit-transform .6s ease-in-out 0s;
    -moz-transition: -moz-transform .6s ease-in-out 0s;
    -o-transition: -o-transform .6s ease-in-out 0s
}

.add_ico:hover {
    background-position: -120px -29px
}

.add_button_show {
    z-index: 2
}

.add_button_show .add_ico {
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg)
}

@media \0screen\,screen\9 {
    .add_button_show .add_ico {
        background-position: -149px 0
    }

    .add_button_show .add_ico:hover {
        background-position: -149px -29px
    }
}

.edit_object {
    display: none;
    position: relative;
    height: 28px
}

.edit_object_db {
    display: block
}

.add_button_show .edit_object {
    position: absolute;
    left: 48px;
    top: 0;
    right: 0;
    display: block;
    background-color: #fff
}

.edit_object li {
    width: 24%;
    position: absolute;
    left: 0;
    top: 0;
    -webkit-animation: backPic .4s ease-out 0s 1;
    -moz-animation: backPic .4s ease-out 0s 1;
    -o-animation: backPic .4s ease-out 0s 1;
    animation: backPic .4s ease-out 0s 1
}

.edit_object .eo_pic {
    left: 24%;
    -webkit-animation-name: backWord;
    -moz-animation-name: backWord;
    -o-animation-name: backWord;
    animation-name: backWord
}

.edit_object .eo_video {
    left: 48%;
    -webkit-animation-name: backWord;
    -moz-animation-name: backWord;
    -o-animation-name: backWord;
    animation-name: backWord
}

.edit_object .eo_title {
    width: 30%;
    left: 72%;
    -webkit-animation-name: backWord;
    -moz-animation-name: backWord;
    -o-animation-name: backWord;
    animation-name: backWord
}

.edit_object .edit_title_tips:before {
    content: "";
    width: 176px;
    height: 40px;
    position: absolute;
    left: -11px;
    top: -7px;
    border: 2px dashed #de6751;
    border-radius: 10px
}

.edit_object .edit_title_tips:after {
    content: "";
    width: 189px;
    height: 73px;
    background: url(/images/post/new_notes/nn_v2/tips_v4.png) -184px -119px no-repeat;
    position: absolute;
    top: 125%;
    left: -25px;
    z-index: 20
}

.edit_object li a {
    display: inline-block;
    line-height: 28px;
    font-size: 16px;
    color: #666
}

.edit_object li a span {
    display: inline
}

@media \0screen\,screen\9 {
    .edit_object li a {
        display: inline
    }
}

.add_button .edit_object a span {
    -webkit-animation: showWord .5s ease-in-out .2s forwards;
    -moz-animation: showWord .5s ease-in-out .2s forwards;
    -o-animation: showWord .5s ease-in-out .2s forwards;
    animation: showWord .5s ease-in-out .2s forwards
}

@media all and (monochrome: 0) {
    .add_button .edit_object a span {
        opacity: 0;
        filter: alpha(opacity=0)
    }
}

@media all and (min-width: 0\0
) and (min-resolution: .001dpcm) {
    .add_button .edit_object a span {
        opacity: 1;
        filter: alpha(opacity=100)
    }
}

.edit_object li a i {
    width: 28px;
    height: 28px;
    display: inline-block;
    margin-right: 10px;
    background: url(/images/post/new_notes/nn_v2/nn_sprite_v25.png) -178px -29px no-repeat;
    float: left;
    line-height: 200px;
    overflow: hidden
}

.edit_object .eo_word a i {
    background-position: -207px -29px
}

.edit_object .eo_video a i {
    background-position: -236px -29px
}

.edit_object .eo_title a i {
    background-position: -265px -29px
}

.edit_object li a:hover {
    color: #ff8a00;
    text-decoration: none
}

.edit_object li a:hover i {
    background-position: -178px 0
}

.edit_object .eo_word a:hover i {
    background-position: -207px 0
}

.edit_object .eo_video a:hover i {
    background-position: -236px 0
}

.edit_object .eo_title a:hover i {
    background-position: -265px 0
}

.edit_object .eo_pic_tips:before {
    content: '';
    position: absolute;
    left: -25px;
    top: -9px;
    width: 246px;
    height: 104px;
    background: url(/images/post/new_notes/nn_v2/nn_sprite_v25.png) no-repeat -130px -390px
}

.edit_object .eo_pic_tips a {
    position: relative
}

.edit_object .eo_pic_tips .close {
    position: absolute;
    right: -90px;
    top: 48px;
    width: 25px;
    height: 25px;
    cursor: pointer
}

.add_button_show .edit_object li {
    -webkit-animation: moveWord .6s ease-out 0s 1;
    -moz-animation: moveWord .6s ease-out 0s 1;
    -o-animation: moveWord .6s ease-out 0s 1;
    animation: moveWord .6s ease-out 0s 1
}

.add_button_show .edit_object .eo_pic {
    -webkit-animation-name: movePic;
    -moz-animation-name: movePic;
    -o-animation-name: movePic;
    animation-name: movePic
}

.add_button_show .edit_object .eo_video {
    -webkit-animation-name: movevideo;
    -moz-animation-name: movevideo;
    -o-animation-name: movevideo;
    animation-name: movevideo
}

.add_button_show .edit_object .eo_title {
    -webkit-animation-name: movetitle;
    -moz-animation-name: movetitle;
    -o-animation-name: movetitle;
    animation-name: movetitle
}

@-webkit-keyframes moveWord {
    0% {
        left: -48px
    }
    20% {
        left: -48px
    }
    100% {
        left: 0
    }
}

@-moz-keyframes moveWord {
    0% {
        left: -48px
    }
    20% {
        left: -48px
    }
    100% {
        left: 0
    }
}

@-o-keyframes moveWord {
    0% {
        left: -48px
    }
    20% {
        left: -48px
    }
    100% {
        left: 0
    }
}

@keyframes moveWord {
    0% {
        left: -48px
    }
    20% {
        left: -48px
    }
    100% {
        left: 0
    }
}

@-webkit-keyframes movePic {
    0% {
        left: -48px
    }
    20% {
        left: -48px
    }
    100% {
        left: 24%
    }
}

@-moz-keyframes movePic {
    0% {
        left: -48px
    }
    20% {
        left: -48px
    }
    100% {
        left: 24%
    }
}

@-o-keyframes movePic {
    0% {
        left: -48px
    }
    20% {
        left: -48px
    }
    100% {
        left: 24%
    }
}

@keyframes movePic {
    0% {
        left: -48px
    }
    20% {
        left: -48px
    }
    100% {
        left: 24%
    }
}

@-webkit-keyframes movevideo {
    0% {
        left: -48px
    }
    20% {
        left: -48px
    }
    100% {
        left: 48%
    }
}

@-moz-keyframes movevideo {
    0% {
        left: -48px
    }
    20% {
        left: -48px
    }
    100% {
        left: 48%
    }
}

@-o-keyframes movevideo {
    0% {
        left: -48px
    }
    20% {
        left: -48px
    }
    100% {
        left: 48%
    }
}

@keyframes movevideo {
    0% {
        left: -48px
    }
    20% {
        left: -48px
    }
    100% {
        left: 48%
    }
}

@-webkit-keyframes movetitle {
    0% {
        left: -48px
    }
    20% {
        left: -48px
    }
    100% {
        left: 72%
    }
}

@-moz-keyframes movetitle {
    0% {
        left: -48px
    }
    20% {
        left: -48px
    }
    100% {
        left: 72%
    }
}

@-o-keyframes movetitle {
    0% {
        left: -48px
    }
    20% {
        left: -48px
    }
    100% {
        left: 72%
    }
}

@keyframes movetitle {
    0% {
        left: -48px
    }
    20% {
        left: -48px
    }
    100% {
        left: 72%
    }
}

@-webkit-keyframes showWord {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

@-moz-keyframes showWord {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

@-o-keyframes showWord {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

@keyframes showWord {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

.eo_title .eo_title_tips {
    width: 20px;
    height: 20px;
    background: url(/images/post/new_notes/nn_v2/nn_sprite_v25.png) -121px -59px no-repeat;
    display: inline-block;
    position: relative;
    top: 4px;
    cursor: pointer
}

.title_tips {
    position: absolute;
    top: 38px;
    left: 0;
    right: -80px;
    background-color: #fff;
    border: 1px solid #d6d6d6;
    padding: 25px 40px;
    z-index: 11;
    border-radius: 5px;
    box-shadow: 2px 2px 3px rgba(0, 0, 0, .15);
    line-height: 25px
}

.title_tips:before, .title_tips:after {
    content: "";
    width: 0;
    height: 0;
    border-width: 8px 6px;
    border-color: transparent transparent #d6d6d6 transparent;
    border-style: dashed dashed solid dashed;
    position: absolute;
    right: 75px;
    top: -16px
}

.title_tips:after {
    top: -14px;
    border-bottom-color: #fff
}

.title_tips dt {
    font-size: 18px;
    color: #444;
    margin-bottom: 5px
}

.title_tips dd {
    font-size: 14px;
    margin-bottom: 20px
}

.add_comment {
    margin: 30px 0 20px;
    width: 560px;
    padding: 11px 19px;
    border: 1px solid #d7d7d7;
    border-radius: 5px;
    box-shadow: 0 2px 0 rgba(0, 0, 0, .05);
    position: relative;
    z-index: 11
}

.lineh36 {
    line-height: 36px
}

.prompt_box .line_2, .prompt_box .comment_detail {
    display: none
}

.add_comment_tips:before {
    content: "";
    width: 142px;
    height: 56px;
    position: absolute;
    right: -1px;
    top: -1px;
    border: 2px dashed #de6751;
    border-radius: 10px
}

.add_comment_tips:after {
    content: "";
    width: 170px;
    height: 101px;
    background: url(/images/post/new_notes/nn_v2/tips_v4.png) 0 -359px no-repeat;
    position: absolute;
    top: 110%;
    right: -40px;
    z-index: 20
}

.add_comment .click {
    font-size: 14px;
    color: #666;
    position: relative;
    z-index: 1
}

.add_comment .click:hover {
    color: #ff8a00;
    text-decoration: none
}

.add_comment .click i {
    width: 18px;
    height: 12px;
    background: url(/images/post/new_notes/nn_v2/nn_sprite_v25.png) -130px -134px no-repeat;
    display: inline-block;
    margin-left: 5px
}

.add_comment .click:hover i {
    background-position: -149px -134px
}

.comment_name {
    line-height: 36px;
    font-size: 16px;
    overflow: hidden;
    *zoom: 1
}

.comment_name i {
    width: 36px;
    height: 36px;
    background: url(/images/post/new_notes/nn_v2/nn_sprite_v25.png) -74px -228px no-repeat;
    float: left;
    margin-right: 12px
}

.comment_name em {
    width: 62px;
    height: 18px;
    margin: 0 4px 0 6px;
    background: url(/images/post/new_notes/nn_v2/nn_sprite_v25.png) -207px -134px no-repeat;
    display: inline-block;
    vertical-align: middle
}

.add_comment .tips {
    font-size: 12px;
    color: #999
}

.add_comment .tips strong {
    color: #ff2a00;
    font-weight: normal
}

.comment_text {
    margin-top: 10px
}

.comment_text textarea {
    display: block;
    border-width: 0;
    width: 510px;
    height: 60px;
    margin: 0 5px;
    padding: 15px 20px;
    line-height: 20px;
    background-color: #f5f5f5;
    resize: none;
    font-size: 14px;
    color: #999
}

.comment_text textarea:focus {
    background-color: #fff
}

.comment_score {
    padding: 0 5px;
    margin-top: 10px
}

.comment_score .submit a {
    font-size: 12px;
    line-height: 24px;
    height: 24px;
    padding: 0 18px
}

.comment_score .submit .cancel {
    background-color: #fff;
    color: #666;
    margin-right: 5px
}

.comment_score .submit .cancel:hover {
    background-color: #efefef
}

.score, .score_star, .score_star i {
    height: 18px;
    display: inline-block
}

.score .score_star, .score .score_description {
    float: left
}

.score {
    position: relative
}

.score_star {
    width: 102px;
    background: url(/images/post/new_notes/nn_v2/star.png) 0 0 no-repeat;
    vertical-align: middle
}

.score_star i {
    width: 0;
    background: url(/images/post/new_notes/nn_v2/star.png) 0 -19px no-repeat
}

.score_star1 i {
    width: 21px
}

.score_star2 i {
    width: 42px
}

.score_star3 i {
    width: 63px
}

.score_star4 i {
    width: 84px
}

.score_star5 i {
    width: 105px
}

.score .score_hover {
    width: 108px;
    position: absolute;
    left: 0;
    top: 0
}

.score_hover a {
    width: 18px;
    height: 18px;
    margin-right: 3px;
    float: left;
    line-height: 200px;
    overflow: hidden
}

.score_description {
    margin-left: 5px;
    font-size: 12px;
    color: #999;
    line-height: 18px
}

.mdd_comment {
    margin: 30px 0
}

.mdd_comment .handle {
    line-height: 16px;
    margin-top: 10px
}

.posr {
    position: relative
}

.comment_content {
    margin-top: 10px;
    padding: 15px 45px 10px 50px;
    background-color: #f5f5f5;
    position: relative;
    border-radius: 5px
}

.comment_content:before, .comment_content:after {
    content: "";
    width: 14px;
    height: 12px;
    background: url(/images/post/new_notes/nn_v2/nn_sprite_v25.png) -271px -134px no-repeat;
    position: absolute
}

.comment_content:before {
    left: 24px;
    top: 18px
}

.comment_content:after {
    background-position: -288px -134px;
    right: 20px;
    bottom: 15px
}

.post-deleted {
    padding-top: 70px;
    text-align: center
}

.post-deleted i {
    display: inline-block;
    width: 151px;
    height: 172px;
    background: url(/images/post/icon-cry.png) no-repeat
}

.post-deleted p {
    margin: 15px 0;
    font-size: 20px;
    font-weight: bold;
    color: #999
}

.post-deleted a {
    font-size: 20px;
    color: #ff8a00
}

.delete_index {
    width: 20px;
    height: 20px;
    background: url(/images/post/new_notes/sprite_v35.png) -442px 0 no-repeat;
    position: absolute;
    right: 0;
    top: 78px;
    z-index: 9;
    display: none
}

.loading, .loading_video {
    width: 550px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -50px 0 0 -293px;
    padding: 18px 18px 15px;
    background: rgba(0, 0, 0, 0.5);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#50000000, endColorstr=#50000000);
    border-radius: 5px;
    color: #fff;
    display: none
}

.toppic_uploading {
    display: block
}

.loading h3, .loading_video h3 {
    font-size: 24px;
    font-weight: normal;
    margin-bottom: 12px;
    color: #fff
}

.loading_bar {
    width: 480px;
    height: 18px;
    background: #e2e2e2;
    border-radius: 15px;
    float: left
}

.loading_bar span {
    width: 0;
    height: 100%;
    display: inline-block;
    background: #add75c;
    border-radius: 15px
}

.cancel_up {
    float: right;
    color: #fff;
    font-size: 14px
}

.cancel_up:hover {
    color: #fff
}

.loading_num {
    margin-top: 10px;
    font-size: 12px
}

.loading_num span {
    color: #ff8a00
}

.link-mdd-popupfade {
    position: absolute;
    background-color: #aaa
}

.link-mdd-popup {
    position: absolute;
    background-color: #f4f3f0;
    border-radius: 3px;
    box-shadow: 0 0 3px rgba(0, 0, 0, .3);
    border: 1px solid #ccc \9;
    border: none\9 \0
}

.link-mdd-popupcontainer {
    position: relative;
    width: 570px
}

.link-mdd-popupclose {
    width: 36px;
    height: 27px;
    background: url(/images/other/popctn_bg.png) 0 -165px no-repeat;
    _background: url(/images/other/popctn_bg4.gif) 0 -165px no-repeat;
    outline: 0;
    position: absolute;
    right: 0;
    top: 11px;
    cursor: pointer
}

.link-mdd-popupclose i {
    margin: 8px 0 0 8px;
    width: 9px;
    height: 9px;
    background: url(/images/other/i_cross.gif) no-repeat;
    display: block;
    -moz-transition: 1s ease-in-out 0s;
    -webkit-transition: 1s ease-in-out 0s
}

.link-mdd-popupclose:hover i {
    -moz-transform: scale(1.1) rotate(360deg);
    -webkit-transform: scale(1.1) rotate(360deg);
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -moz-transition: 1s ease-in-out 0s;
    -webkit-transition: 1s ease-in-out 0s
}

.link-mdd-popupcontainer .pop-ico, .link-mdd-popupcontainer .pop-ctn {
    text-align: center
}

.link-mdd-popupcontainer .pop-ico i {
    width: 55px;
    height: 55px;
    display: inline-block;
    background: url(/images/other/popctn_bg.png) no-repeat 0 -110px;
    _background: url(/images/other/popctn_bg4.gif) no-repeat 0 -110px;
    margin: 34px 0 14px
}

.link-mdd-popupcontainer .pop-ctn .hd {
    font-size: 18px;
    color: #444
}

.link-mdd-popupcontainer .pop-ctn .bd {
    font-size: 12px;
    color: #666;
    text-align: left;
    padding: 15px 70px
}

.link-mdd-popupcontainer .pop-ctn .bd p {
    line-height: 30px
}

.link-mdd-popupcontainer .pop-ctn input.mdd {
    height: 22px;
    width: 125px;
    border: 1px solid #d3d3d3;
    background-color: #fff;
    text-indent: 5px;
    color: #666
}

.link-mdd-popupcontainer .pop-btn {
    background-color: #fff;
    border-radius: 3px;
    padding: 20px 0;
    text-align: center
}

.link-mdd-popupcontainer .pop-btn input {
    height: 22px;
    line-height: 22px;
    text-align: center;
    border-radius: 3px;
    font-size: 12px;
    margin: 0 2px;
    cursor: pointer
}

.link-mdd-popupcontainer .pop-btn .btn-sub {
    border: 1px solid #ff9c00;
    background-color: #ffa800;
    color: #fff;
    padding: 0 28px;
    filter: chroma(color=#000000)
}

.exp_close {
    font-family: serif, verdana, Arial, "Lucida Grande", "Microsoft Yahei", "Hiragino Sans GB", "Hiragino Sans GB W3", SimSun, STHeiti;
    width: 16px;
    height: 16px;
    position: absolute;
    right: 6px;
    top: 6px;
    line-height: 14px;
    border: 1px solid #e8e8e8;
    color: #ccc;
    overflow: hidden;
    text-align: center;
    font-weight: bold;
    font-size: 16px;
    background: #fff;
    z-index: 6;
    transition: 1s ease-in-out 0s;
    -webkit-transition: 1s ease-in-out 0s;
    -moz-transition: 1s ease-in-out 0s;
    -o-transition: 1s ease-in-out 0s
}

.exp_close:hover {
    border-color: #960;
    text-decoration: none;
    transform: rotate(360deg);
    transform-origin: 50% 50%;
    -webkit-transform: rotate(360deg);
    -webkit-transform-origin: 50% 50%;
    -moz-transform: rotate(360deg);
    -moz-transform-origin: 50% 50%;
    -o-transform: rotate(360deg);
    -o-transform-origin: 50% 50%
}

.drag_up {
    position: fixed;
    _position: absolute;
    right: 0;
    top: 0;
    width: 0;
    bottom: 0;
    z-index: 200
}

.drag_up .ui-state-disabled {
    opacity: 1
}

.drag_main {
    border-left: 1px solid #ddd;
    background: #fff;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    left: 0;
    padding: 30px 30px 60px 40px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    width: 100%
}

.drag_down_main {
    padding: 10px 0 10px 10px
}

.drag_down_main .du_top, .drag_down_main .du_slide {
    display: none
}

.drag_down_main .du_con {
    margin-top: 0
}

.du_top strong {
    font-weight: normal;
    font-size: 22px;
    line-height: 36px
}

.du_top .draft_btn {
    padding-right: 10px
}

.du_top .draft_btn .btn_white {
    background: #eee
}

.du_top .draft_btn .btn_white:hover {
    background: #ffc75b;
    color: #fff
}

.du_con {
    margin-top: 20px;
    width: 100%;
    position: relative;
    overflow: hidden;
    z-index: 0
}

.du_con li {
    width: 80px;
    height: 80px;
    float: left;
    margin: 10px 10px 0 0;
    position: relative;
    cursor: pointer
}

.du_con li.word, .du_con li.li_video, .du_con li.li_paragraph {
    width: 76px;
    height: 76px;
    border: 2px solid #bbb
}

.du_con li.sort_holder {
    width: 76px;
    border: 2px solid #ff8a00;
    height: 76px
}

.du_con li.sort_move {
    width: 76px;
    border: 2px dashed #ccc;
    height: 76px
}

.du_con li.sort_move img {
    display: none
}

.du_con li.sort_move .selected {
    display: none
}

.du_con li .photo {
    width: 80px;
    height: 80px
}

.du_con .selected i {
    width: 36px;
    height: 28px;
    background-position: -252px -420px;
    left: 22px;
    top: 26px
}

.du_con li.word:hover, .du_con li.word.on, .du_con li.li_video:hover, .du_con li.li_paragraph:hover, .du_con li.li_video.on, .du_con li.li_paragraph.on {
    border-color: #ffa800
}

.word_data {
    display: none;
    position: absolute;
    top: 0;
    left: 0
}

.word_con {
    padding: 22px;
    width: 484px;
    height: 144px;
    background: #fff;
    position: absolute;
    z-index: 201;
    border: 1px solid #a5a5a5;
    box-shadow: 0 2px 5px #a5a5a5;
    line-height: 25px;
    cursor: default
}

.word_text {
    height: 125px;
    overflow: hidden
}

.word_more {
    width: 20px;
    height: 4px;
    font-size: 0;
    line-height: 0;
    background: url(/images/post/new_notes/sprite_v35.png) -224px -454px no-repeat;
    margin: 15px 0;
    display: none
}

.word_con span, .word_con span i {
    width: 0;
    height: 0;
    position: absolute;
    font-size: 0;
    line-height: 0;
    border-style: dashed dashed solid dashed
}

.word_con span {
    left: 0;
    top: -16px;
    border-width: 8px;
    border-color: transparent transparent #adadad transparent;
    display: none
}

.word_con span i {
    left: -7px;
    top: -5px;
    border-width: 7px;
    border-color: transparent transparent #fff transparent
}

.wc_left span {
    left: 20px;
    display: block
}

.wc_right span {
    left: 490px;
    display: block
}

.wc_up span, .wc_up span i {
    border-style: solid dashed dashed dashed
}

.wc_up span {
    top: 188px;
    border-color: #adadad transparent transparent transparent
}

.wc_down span, .wc_down span i {
    border-style: dashed dashed solid dashed
}

.wc_down span {
    top: -16px;
    border-color: transparent transparent #adadad transparent
}

.mCS-sort-photos .mCSB_container {
    overflow: hidden
}

.mCS-sort-photos .mCSB_scrollTools {
    width: 10px;
    height: 100%;
    top: 0;
    right: 0;
    bottom: 0
}

.mCS-sort-photos .mCSB_draggerContainer {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    height: auto
}

.mCS-sort-photos .mCSB_dragger {
    width: 100%;
    cursor: pointer;
    height: 30px
}

.mCS-sort-photos .mCSB_dragger .mCSB_dragger_bar {
    width: 10px;
    background: #c5c5c5;
    height: 100%;
    border-radius: 10px;
    cursor: pointer
}

.all_pics {
    padding: 5px 13px 13px 5px;
    background: url(/images/post/new_notes/sprite_v35.png) -400px -401px no-repeat;
    position: absolute;
    left: -5px;
    top: -5px
}

.all_pics span {
    width: 40px;
    height: 40px;
    background: url(/images/post/new_notes/sprite_v35.png) -292px -420px no-repeat;
    position: absolute;
    left: 25px;
    top: 25px
}

.du_slide {
    position: absolute;
    top: 96px;
    right: 40px;
    bottom: 40px;
    width: 10px
}

.du_slide span {
    width: 10px;
    position: absolute;
    height: 130px;
    background: #c5c5c5;
    border-radius: 10px;
    left: 0;
    cursor: pointer
}

.du_con li.move_here:after {
    width: 2px;
    height: 76px;
    border: 2px solid #ffa800;
    content: "";
    position: absolute;
    left: 82px;
    top: 0
}

.pu_tips {
    position: absolute;
    left: -200px;
    top: 50px;
    padding: 5px 12px;
    border: 1px solid #adadad;
    border-radius: 3px;
    background: #fff;
    box-shadow: 0 0 5px #adadad
}

.pu_tips i.pt_ico {
    width: 13px;
    height: 13px;
    background: url(/images/post/new_notes/sprite_v35.png) -155px -451px no-repeat;
    display: inline-block;
    vertical-align: -2px;
    margin-right: 3px
}

.pu_tips span, .pu_tips span i {
    width: 0;
    height: 0;
    position: absolute;
    border-style: dashed dashed dashed solid;
    font-size: 0;
    line-height: 0
}

.pu_tips span {
    right: -10px;
    top: 7px;
    border-width: 5px;
    border-color: transparent transparent transparent #adadad
}

.pu_tips span i {
    left: -6px;
    top: -4px;
    border-width: 4px;
    border-color: transparent transparent transparent #fff
}

.pu_items {
    position: absolute;
    left: -75px;
    top: 50%;
    margin-top: -85px;
    width: 80px;
    height: 170px;
    background-color: #8d8e8f;
    background-color: rgba(129, 130, 131, .95);
    color: #fff;
    z-index: 100;
    transition: left .3s ease-in-out 0s;
    -webkit-transition: left .3s ease-in-out 0s;
    -moz-transition: left .3s ease-in-out 0s;
    -o-transition: left .3s ease-in-out 0s;
    overflow: hidden
}

.pu_items:hover {
    color: #fff;
    left: -80px
}

.pu_items i {
    width: 19px;
    height: 31px;
    background: url(/images/post/new_notes/nn_v2/nn_sprite_v25.png) -80px -163px no-repeat;
    position: absolute;
    left: 10px;
    top: 50%;
    margin-top: -15px
}

.pu_items strong, .pu_items span {
    display: inline-block;
    vertical-align: middle;
    position: absolute
}

.pu_items strong {
    width: 30px;
    left: 42px;
    top: 20px;
    font-size: 22px;
    font-weight: normal;
    line-height: 26px
}

.pu_items span {
    width: 25px;
    left: 82px;
    top: 22px;
    font-size: 16px;
    line-height: 18px;
    display: none
}

.drag_down .pu_items {
    width: 40px;
    left: -40px
}

.drag_down .pu_items i {
    left: 10px;
    background-position: -102px -163px
}

.drag_down .pu_items:hover i {
    left: 5px;
    animation: moving 1s ease-in-out infinite;
    -webkit-animation: moving 1s ease-in-out infinite;
    -moz-animation: moving 1s ease-in-out infinite;
    -o-animation: moving 1s ease-in-out infinite
}

@keyframes moving {
    0% {
        left: 7px;
        opacity: 1
    }
    60% {
        opacity: 1
    }
    100% {
        left: 14px;
        opacity: 0
    }
}

@-webkit-keyframes moving {
    0% {
        left: 7px;
        opacity: 1
    }
    60% {
        opacity: 1
    }
    100% {
        left: 14px;
        opacity: 0
    }
}

@-moz-keyframes moving {
    0% {
        left: 7px;
        opacity: 1
    }
    60% {
        opacity: 1
    }
    100% {
        left: 14px;
        opacity: 0
    }
}

@-o-keyframes moving {
    0% {
        left: 7px;
        opacity: 1
    }
    60% {
        opacity: 1
    }
    100% {
        left: 14px;
        opacity: 0
    }
}

.wx-mfw-pop {
    width: 420px;
    height: 285px;
    padding-top: 45px;
    background: url(/images/post/i_wx.png) no-repeat scroll 48px 20px #FFF;
    text-align: center;
    font-size: 16px;
    color: #666;
    line-height: 1.8em
}

.wx-mfw-pop img {
    margin-top: 10px
}

.commentLayer {
    position: absolute;
    z-index: 1000;
    background-color: #fff;
    border: 3px solid #999 \9;
    box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.3);
    border-radius: 5px
}

.commentLayer .close {
    position: absolute;
    right: 12px;
    top: 12px;
    width: 13px;
    height: 12px;
    background: url(/images/post/selected_icon.gif) no-repeat -32px -73px;
    overflow: hidden;
    cursor: pointer
}

.quoteWrap {
    float: left;
    width: 237px;
    padding: 10px 15px 18px
}

.quoteWrap .tit {
    margin: 5px 0 10px;
    color: #888
}

.quoteWrap .quoteInfo {
    height: 38px;
    margin: 10px 0;
    background-color: #f1f1f1;
    border-radius: 5px;
    padding: 5px 10px;
    line-height: 20px;
    color: #999;
    overflow: hidden
}

.quoteArea {
    border: 1px solid #dadada;
    border-radius: 5px;
    position: relative
}

.quoteArea textarea {
    width: 212px;
    height: 180px;
    border: 0;
    background: 0;
    margin: 0;
    padding: 5px 8px;
    font-size: 12px;
    line-height: 20px;
    resize: none;
    overflow: auto;
    color: #666
}

.quoteTxt .quoteArea textarea {
    height: 120px
}

.quoteArea b {
    position: absolute;
    left: 15px;
    top: -6px;
    border-bottom: 6px solid #dadada;
    border-left: 6px dotted transparent;
    border-right: 6px dotted transparent;
    font-size: 0;
    line-height: 0
}

.quoteArea i {
    position: absolute;
    left: -6px;
    top: 1px;
    border-bottom: 6px solid #fff;
    border-left: 6px dotted transparent;
    border-right: 6px dotted transparent;
    font-size: 0
}

.quoteWrap .operate li {
    margin-top: 10px
}

.quoteWrap .btnComment {
    float: right;
    width: 60px;
    height: 24px;
    background-color: #ffa800;
    border: 0;
    cursor: pointer;
    font-size: 14px;
    color: #fff;
    line-height: 24px;
    text-align: center;
    border-radius: 4px
}

.quoteWrap .btnComment:hover {
    background-color: #ff8a00;
    text-decoration: none;
    color: #fff
}

.quoteWrap .cl_emotion, .quoteWrap .cl_at {
    display: inline-block;
    margin-right: 3px;
    padding: 0 5px 0 24px;
    height: 22px;
    background: url(/images/editor_bg.gif) no-repeat;
    border: 1px solid #d9d9d9;
    background-color: #f7f7f7;
    line-height: 22px;
    color: #999
}

.quoteWrap .cl_emotion {
    background-position: 5px -74px
}

.quoteWrap .operate .pop_reply_emotion, .quoteWrap .operate .pop_reply_atuser {
    position: absolute;
    background: #fff;
    border: 1px solid #dad9cf;
    padding: 18px 12px 6px;
    z-index: 1003;
    bottom: 24px
}

.quoteWrap .operate .pop_reply_emotion {
    width: 380px
}

.quoteWrap .operate .pop_reply_emotion ul {
    overflow: hidden;
    zoom: 1
}

.quoteWrap .operate .pop_reply_emotion li {
    display: inline;
    float: left;
    margin: 0 2px 2px 0;
    width: 25px;
    height: 25px;
    padding-top: 4px;
    border: 1px solid #ccc;
    background: #f7f7f7;
    text-align: center;
    cursor: pointer
}

.quoteWrap .cl_at {
    background-position: 5px -100px
}

.quoteWrap .cl_emotion:hover, .quoteWrap .cl_at:hover {
    background-color: #ffa800;
    border-color: #ff8a00;
    color: #fff;
    text-decoration: none
}

.commentLayer .pr {
    position: relative;
    width: 0;
    height: 0;
    clear: both
}

.quoteWrap .mode {
    text-align: right
}

.quoteWrap .mode a {
    color: #ffa800;
    text-decoration: underline
}

.comCard {
    float: left;
    width: 223px;
    padding-top: 5px;
    border-right: 1px solid #ebebeb;
    color: #999
}

.comCard dl {
    height: 100px;
    background-color: #f5f5f5;
    overflow: hidden
}

.comCard dl.on {
    background-color: #fff;
    color: #8d5858
}

.comCard dd {
    float: left;
    width: 54px;
    height: 73px;
    text-align: center
}

.comCard dd a {
    height: 38px;
    width: 38px;
    margin-left: 7px;
    display: block;
    border: 1px dashed #e6e6e6;
    background-color: #FFF;
    color: #999;
    text-decoration: none;
    text-align: center;
    line-height: 38px
}

.comCard dd a:hover {
    color: #999;
    text-decoration: none
}

.comCard dl.on dd a {
    border-color: #8d5858;
    color: #8d5858
}

.comCard dd a.lineheight2 {
    line-height: 16px;
    height: 36px;
    padding-top: 2px
}

.comCard dl.on dd a:hover {
    border: 1px dashed #f63;
    background-color: #FFF;
    color: #f63;
    text-decoration: none
}

.comCard dl.on dd a.on {
    border: 1px solid #8d5858;
    background-color: #8d5858;
    color: #FFF;
    text-decoration: none
}

.comCard dd span {
    display: block;
    height: 22px;
    line-height: 22px
}

.comCard dt {
    clear: both;
    padding: 2px 0 1px 15px;
    border-top: 1px solid #ebebeb;
    line-height: 20px
}

.addPlan_icon, .addComt_icon {
    display: block;
    float: left;
    margin-right: 8px;
    width: 36px;
    height: 36px;
    background: url(/images/post/selected_icon2.gif) no-repeat;
    overflow: hidden;
    cursor: pointer
}

.addPlan_icon {
    background-position: 0 0
}

.addPlan_icon:hover {
    background-position: 0 -36px
}

.addComt_icon {
    background-position: -36px 0
}

.addComt_icon:hover {
    background-position: -36px -36px
}

.plan_tags, .planFav .favTips, .plan_succ {
    position: absolute;
    border: 1px solid #d9d9d9;
    padding: 8px;
    background-color: #fff;
    border-radius: 5px;
    color: #666
}

.plan_tags, .plan_succ {
    width: 220px
}

.plan_tags p {
    font-size: 14px;
    line-height: 24px
}

.plan_tags .tag_box {
    margin: 5px 0
}

.plan_tags .tag_box a {
    float: left;
    margin: 0 5px 5px 0;
    display: block;
    height: 18px;
    padding: 2px 6px 1px 6px;
    border: 1px solid #ccc;
    background-color: #f2f2f2;
    color: #808080;
    font-size: 12px;
    line-height: 16px;
    white-space: nowrap;
    position: relative;
    border-radius: 2px
}

.plan_tags .tag_box a strong {
    font-weight: normal
}

.plan_tags .tag_box a:hover {
    border-color: #ff8a00;
    background-color: #ffa800;
    color: #fff;
    text-decoration: none
}

.plan_tags .tag_box .selected {
    border-color: #ff8a00;
    background-color: #ffa800;
    color: #fff
}

.plan_tags em {
    padding: 0 3px;
    color: #ff8a00;
    font-style: normal
}

.add_tag {
    margin-top: -5px;
    *margin-top: -2px
}

.add_tag input {
    height: 19px;
    width: 130px;
    padding: 0 4px;
    border: 1px solid #ccc;
    color: #808080;
    font-size: 12px;
    vertical-align: middle
}

.add_tag a {
    display: inline-block;
    margin-left: 5px;
    height: 21px;
    width: 65px;
    background-color: #ffa800;
    color: #fff;
    font-size: 12px;
    text-align: center;
    line-height: 21px;
    overflow: hidden;
    vertical-align: middle
}

.add_tag a:hover {
    text-decoration: none;
    color: #fff
}

.add_tag p {
    margin-top: 5px;
    font-size: 14px
}

.plan_tags, .planFav .favTips, .plan_succ {
    position: absolute;
    border: 1px solid #d9d9d9;
    padding: 8px;
    background-color: #fff;
    border-radius: 5px;
    color: #666
}

.plan_tags, .plan_succ {
    width: 220px
}

.plan_tags p {
    font-size: 14px;
    line-height: 24px
}

.plan_tags .tag_box {
    margin: 5px 0
}

.plan_tags .tag_box a {
    float: left;
    margin: 0 5px 5px 0;
    display: block;
    height: 18px;
    padding: 2px 6px 1px 6px;
    border: 1px solid #ccc;
    background-color: #f2f2f2;
    color: #808080;
    font-size: 12px;
    line-height: 16px;
    white-space: nowrap;
    position: relative;
    border-radius: 2px
}

.plan_tags .tag_box a strong {
    font-weight: normal
}

.plan_tags .tag_box a:hover {
    border-color: #ff8a00;
    background-color: #ffa800;
    color: #fff;
    text-decoration: none
}

.plan_tags .tag_box .selected {
    border-color: #ff8a00;
    background-color: #ffa800;
    color: #fff
}

.plan_tags em {
    padding: 0 3px;
    color: #ff8a00;
    font-style: normal
}

.dm_tips {
    width: 250px;
    height: 125px;
    background: url(/images/post/new_notes/i_know.png) 0 0 no-repeat;
    position: absolute;
    left: -280px;
    top: 50%;
    margin-top: -20px;
    line-height: 300px;
    overflow: hidden
}

.dm_tips:hover {
    background-position: 0 bottom
}

.guide {
    background: url(/images/post/guide_bg.gif) 0 0 repeat-x;
    border: 1px solid #e0e0e0;
    margin: 15px 0 25px
}

.guide_title {
    height: 50px;
    line-height: 50px;
    text-align: center;
    position: relative;
    padding: 0 160px 0 10px;
    overflow: hidden
}

.guide_title strong {
    font-size: 18px;
    font-weight: normal
}

.guide_title a {
    padding: 0 12px;
    height: 28px;
    line-height: 28px;
    overflow: hidden;
    background: #ffa800;
    border-radius: 5px;
    position: absolute;
    right: 11px;
    top: 11px;
    color: #fff;
    font-size: 14px
}

.guide_title a:hover {
    background: #ff8a00;
    text-decoration: none
}

.guide_title a i {
    width: 17px;
    height: 20px;
    display: inline-block;
    float: left;
    background: url(/images/post/guide_sprite.png) 0 0 no-repeat;
    margin: 4px 5px 0 0
}

.guide_con dt {
    width: 598px;
    overflow: hidden;
    border-top: 1px solid #e7e7e7
}

.guide_con dt ul {
    width: 610px
}

.guide_con dt li {
    width: 181px;
    height: 38px;
    line-height: 38px;
    border-right: 1px solid #efefef;
    border-bottom: 1px solid #efefef;
    padding-left: 18px;
    background: #f9f9f9;
    color: #999;
    overflow: hidden;
    float: left
}

.guide_con dt li strong {
    font-weight: normal;
    color: #666
}

.guide_con dt li i {
    width: 18px;
    height: 18px;
    background: url(/images/guide/sprite_v13.png) -83px -128px no-repeat;
    display: inline-block;
    float: left;
    margin: 10px 10px 0 0
}

.guide_con dt li i.go_date {
    background-position: -83px -128px
}

.guide_con dt li i.go_days {
    background-position: -102px -128px
}

.guide_con dt li i.go_figure {
    background-position: -121px -128px
}

.guide_con dt li i.go_money {
    background-position: -140px -128px
}

.guide_con dt li i.go_style {
    background-position: -159px -128px
}

.guide_con dd {
    position: relative;
    margin-left: 25px;
    border-left: 2px solid #ebebeb;
    padding: 25px 20px 15px 0
}

.guide_con dd:after {
    content: "";
    width: 116px;
    height: 63px;
    background: url(/images/post/guide_sprite.png) -84px 0 no-repeat;
    position: absolute;
    right: 12px;
    bottom: 18px
}

.guide_con dd li {
    line-height: 25px;
    font-size: 14px;
    padding-left: 20px;
    position: relative;
    margin-bottom: 8px
}

.guide_con dd li strong {
    padding-right: 15px
}

.guide_con dd li i {
    width: 18px;
    height: 18px;
    position: absolute;
    left: -10px;
    top: 3px;
    background: url(/images/post/guide_sprite.png) -18px 0 no-repeat
}

.guide_con dd a.more {
    margin-left: 20px;
    line-height: 5px;
    font-size: 24px;
    letter-spacing: 2px;
    font-weight: bold;
    vertical-align: 2px;
    color: #999
}

.guide_con dd a.more:hover {
    color: #ff8a00;
    text-decoration: none
}

.my_guide {
    position: relative;
    margin: 15px 0 25px;
    width: 600px
}

.my_guide .mg_img {
    width: 100%;
    display: block
}

.my_guide .close {
    width: 27px;
    height: 27px;
    position: absolute;
    right: 10px;
    top: 10px;
    background: url(/images/post/guide_sprite.png) -37px 0 no-repeat;
    line-height: 200px;
    overflow: hidden;
    -webkit-transition: 1s ease-in-out 0s;
    -moz-transition: 1s ease-in-out 0s;
    -o-transition: 1s ease-in-out 0s;
    transition: 1s ease-in-out 0s
}

.my_guide .close:hover {
    -webkit-transform-origin:(50%, 50%);
    -webkit-transform: rotate(360deg);
    -moz-transform-origin:(50%, 50%);
    -moz-transform: rotate(360deg);
    -o-transform-origin:(50%, 50%);
    -o-transform: rotate(360deg);
    transform-origin:(50%, 50%);
    transform: rotate(360deg)
}

.guide_new .guide_con dt {
    width: 678px
}

.guide_new .guide_con dt li {
    width: 208px
}

.guide_new .guide_con dt ul {
    width: 690px
}

.play_before {
    width: 100px;
    height: 100px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -70px 0 0 -50px;
    z-index: 1
}

.play_ico {
    width: 100px;
    height: 100px;
    overflow: hidden;
    background: url(/images/post/new_notes/sprite_v35.png) -101px -505px no-repeat;
    line-height: 250px;
    display: inline-block
}

.play_ico:hover {
    background-position: 0 -505px
}

.play_before span {
    width: 250px;
    height: 54px;
    position: absolute;
    left: 115px;
    top: -20px;
    background: url(/images/post/new_notes/sprite_v35.png) -210px -511px no-repeat
}

.play_before span .close {
    width: 26px;
    height: 26px;
    position: absolute;
    right: 1px;
    top: 3px;
    line-height: 200px;
    overflow: hidden
}

.play_again span {
    display: none
}

.play_now {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background-color: #000;
    overflow: hidden;
    display: none;
    z-index: 20
}

.play_area {
    margin: 0 auto;
    width: 100%;
    height: 100%
}

.play_bar {
    position: absolute;
    left: 102px;
    right: 0;
    bottom: -30px;
    transition: bottom .6s ease-out 0s;
    -webkit-transition: bottom .6s ease-out 0s;
    -moz-transition: bottom .6s ease-out 0s;
    -o-transition: bottom .6s ease-out 0s
}

.play_bar.playing {
    bottom: 10px
}

.play_time {
    position: absolute;
    left: -86px;
    top: -8px
}

.play_time a, .play_time span {
    float: left
}

.play_time span {
    line-height: 24px;
    font-size: 20px;
    color: #fff;
    font-family: Arial, Helvetica, STHeiti;
    margin-right: 10px
}

.play_time a {
    width: 15px;
    height: 18px;
    margin-top: 3px;
    display: inline-block;
    background: url(/images/post/new_notes/sprite_v35.png) -307px -471px no-repeat;
    line-height: 200px;
    overflow: hidden
}

.play_time a.pause {
    background-position: -326px -471px
}

.play_line {
    height: 10px;
    line-height: 0;
    background-color: #333;
    background-color: rgba(51, 51, 51, .8);
    position: relative
}

.play_line span {
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background-color: #ffc65a
}

.play_line span.go {
    transition: width .3s cubic-bezier(0, 1.14, 0, 1.02) 0s;
    -webkit-transition: width .3s cubic-bezier(0, 1.14, 0, 1.02) 0s;
    -moz-transition: width .3s cubic-bezier(0, 1.14, 0, 1.02) 0s;
    -o-transition: width .3s cubic-bezier(0, 1.14, 0, 1.02) 0s
}

.bar_share {
    float: right;
    width: 245px
}

.bs_collect, .bs_share {
    float: right
}

.bar_share a.bs_btn {
    display: block;
    line-height: 24px;
    font-size: 14px;
    color: #666;
    width: 80px;
    position: relative;
    z-index: 1
}

.view_title .bar_share a.bs_btn {
    width: auto
}

.view_title .bar_share a.bs_btn:hover {
    text-decoration: none
}

.bar_share a.bs_btn i {
    width: 25px;
    height: 24px;
    display: inline-block;
    background: url(/images/post/new_notes/sprite_v35.png) -240px -576px no-repeat
}

.view_title .bar_share a.bs_btn i {
    display: block;
    margin: 0 auto 7px
}

.bs_share {
    position: relative;
    z-index: 10
}

.bs_share a.bs_btn i {
    background-position: -269px -576px
}

.collected a.bs_btn i {
    background-position: -211px -576px
}

.bs_pop {
    width: 132px;
    padding: 8px 10px;
    background-color: #fff;
    border-radius: 6px;
    box-shadow: 0 1px 4px rgba(0, 0, 0, .3);
    position: absolute;
    right: 0;
    top: 100%;
    display: none;
    z-index: 10
}

.bs_pop a {
    width: 36px;
    height: 36px;
    display: inline-block;
    margin: 0 12px 0 0;
    background: #d84c4c url(/images/post/new_notes/sprite_v35.png) -295px -569px no-repeat;
    line-height: 200px;
    overflow: hidden;
    float: left;
    border-radius: 5px
}

.bs_pop a.zone {
    background-color: #3f8bc0;
    background-position: -331px -569px
}

.bs_pop a.weixin {
    margin-right: 0;
    background-color: #73a64f;
    background-position: -367px -569px
}

@media \0screen\,screen\9 {
    .bs_pop {
        border: 1px solid #e8e8e6
    }
}

.view_title .bs_collect, .view_title .bs_share {
    width: 120px;
    height: 65px;
    padding-top: 15px;
    text-align: center;
    border-left: 1px solid #e8e8e6
}

.view_title .bs_share {
    border-right: 1px solid #e8e8e6
}

.view_title .bar_share .bs_btn span {
    display: inline-block;
    width: auto
}

.view_title .bar_share .bs_btn span, .view_title .bar_share .bs_btn strong, .view_title .bar_share .bs_btn:hover span, .view_title .bar_share .bs_btn:hover strong {
    display: inline-block
}

.float-bar .bar_share {
    margin-top: 18px;
    position: relative;
    width: 420px
}

.float-bar .bs_collect, .float-bar .bs_share {
    display: inline;
    float: right
}

.float-bar .bs_pop {
    top: 130%
}

.float-bar .bar_share a.bs_btn i {
    vertical-align: -5px;
    margin-right: 6px
}

.float-bar .login_other {
    font-size: 12px;
    color: #999;
    float: right;
    display: inline
}

.float-bar .login_other span {
    margin-right: 3px
}

.float-bar .login_other a.btn {
    display: inline-block;
    width: 26px;
    height: 26px;
    line-height: 99px;
    overflow: hidden;
    margin: 0 3px;
    background: url(/images/post/new_notes/sprite_v35.png) no-repeat;
    vertical-align: middle
}

.float-bar .login_other a.weibo {
    background-position: -27px -607px
}

.float-bar .login_other a.weibo:hover {
    background-position: -27px -634px
}

.float-bar .login_other a.qq {
    background-position: 0 -607px
}

.float-bar .login_other a.qq:hover {
    background-position: 0 -634px
}

.float-bar .login_other a.renren {
    background-position: -54px -607px
}

.float-bar .login_other a.renren:hover {
    background-position: -54px -634px
}

.float-bar .login_other a.weixin {
    background: url(/images/header-sprites7.png) no-repeat 0 -165px
}

.float-bar .login_other a.weixin:hover {
    background-position: -30px -165px
}

.float-bar .login-btn {
    display: inline;
    float: right
}

.float-bar .login-btn a {
    padding: 0 14px;
    height: 24px;
    border: 1px solid #ffbe4c;
    display: inline-block;
    margin: 0 4px;
    text-align: center;
    font-size: 12px;
    color: #ff8a00;
    line-height: 24px;
    border-radius: 3px;
    float: left
}

.float-bar .login-btn a:hover {
    text-decoration: none;
    background-color: #ffbe4c;
    color: #fff
}

.float-bar .login-btn a.login:hover {
    background-color: #ffc65a
}

.float-bar .login-btn a.signup:hover {
    background-color: #ffa800
}

.float-bar .login-btn a.signup {
    margin-right: 0
}

.bar_share .post-up {
    float: right;
    position: relative;
    padding-right: 12px;
    padding-top: 0;
    top: -4px;
    right: auto
}

.post_sign {
    display: block;
    padding: 10px;
    background-color: #efeeee;
    border-radius: 5px;
    position: relative;
    color: #838383;
    cursor: pointer;
    margin-top: 20px
}

.post_sign p.text {
    line-height: 30px;
    font-size: 14px;
    text-align: right
}

a.post_sign:hover {
    color: #666;
    text-decoration: none
}

.post_sign i.focus {
    width: 51px;
    height: 51px;
    display: block;
    background: url(/images/post/post_sign.gif) no-repeat;
    position: absolute;
    top: 40px
}

.post_sign i.mdd {
    width: 51px;
    height: 51px;
    display: block;
    background: url(/images/post/post_sign.gif) -51px 0 no-repeat;
    position: absolute;
    top: 40px
}

.up_others {
    position: fixed;
    _position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 140px;
    background: #66c0b8;
    background: rgba(102, 192, 184, .90);
    z-index: 100
}

.uo_con {
    width: 660px;
    height: 140px;
    margin: 0 auto;
    position: relative;
    background: url(/images/post/new_notes/up_others_v2.png) 0 0 no-repeat
}

.uo_con .go {
    width: 125px;
    height: 113px;
    position: absolute;
    left: 517px;
    top: 22px;
    background: url(/images/post/new_notes/go.png) 0 0 no-repeat
}

.uo_con .go:hover {
    background-position: 0 bottom
}

.uo_con .close {
    width: 58px;
    height: 20px;
    background: url(/images/post/new_notes/sprite_v35.png) no-repeat -1px -662px;
    position: absolute;
    right: -145px;
    top: 15px
}

.rise_down {
    position: fixed;
    bottom: -160px;
    right: 150px;
    _position: absolute;
    _bottom: auto;
    _top: expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)));
    transition: bottom .3s ease-out 0s;
    -webkit-transition: bottom .3s ease-out 0s;
    -moz-transition: bottom .3s ease-out 0s;
    -o-transition: bottom .3s ease-out 0s;
    z-index: 100
}

.rise_down a {
    display: block;
    width: 44px;
    text-align: center;
    color: #ffc65a;
    font-size: 16px;
    font-weight: bold;
    line-height: 18px;
    padding-bottom: 12px
}

.rise_down a:hover {
    text-decoration: none
}

.rise_down .go_rise {
    border-bottom: 1px solid #e5e5e5;
    margin-bottom: 12px
}

.rise_down a i {
    display: block;
    width: 34px;
    height: 32px;
    background: url(/images/post/new_notes/sprite_v35.png) no-repeat -235px -656px;
    margin: 0 auto 10px
}

.rise_down .go_down i {
    margin: 10px auto 0;
    background-position: -235px -688px
}

.backward_load, .forward_load {
    position: relative
}

.block-loading {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    padding: 0;
    left: 0;
    z-index: 1;
    background: url(/images/common/loading_big.gif) no-repeat center center rgba(255, 255, 255, 0.9)
}

.backward_load .block-loading, .forward_load .block-loading {
    position: static;
    height: 100px;
    padding: 100px 0
}

.loading_forward {
    display: none;
    height: 30px;
    position: relative
}

.loading_backward {
    display: none;
    top: -20px;
    height: 30px;
    z-index: -3
}

.forward_load .loading_forward {
    display: block
}

.backward_load .loading_backward {
    display: block
}

.hide_loading .loading_backward {
    display: none
}

.pop_mention {
    width: 866px;
    height: 640px;
    padding: 25px 57px 15px;
    background-color: #fff
}

.mention_title, .mention_description {
    padding-left: 13px
}

.mention_title {
    font-size: 18px
}

.mention_title strong {
    font-size: 24px;
    margin-right: 2px
}

.mention_description {
    margin-top: 2px;
    line-height: 28px;
    font-size: 14px;
    color: #999
}

.mention_place .flip i {
    width: 20px;
    height: 36px;
    background: url(/images/post/new_notes/nn_v2/nn_sprite_v25.png) -414px -81px no-repeat;
    position: absolute;
    top: 50%;
    margin-top: -18px;
    cursor: pointer
}

.mention_place .flip i:hover {
    background-position: -393px -81px
}

.mention_place .flip .prev {
    left: 20px
}

.mention_place .flip .next {
    right: 20px;
    background-position: -435px -81px
}

.mention_place .flip .next:hover {
    background-position: -459px -81px
}

.mention_list {
    overflow: hidden;
    *zoom: 1;
    position: relative;
    height: 560px;
    margin-top: 10px
}

.mention_list ul {
    position: absolute;
    left: 0;
    top: 0;
    width: 1000000px
}

.mention_list li {
    float: left
}

.mention_list dl {
    width: 260px;
    height: 249px;
    margin: 0 4px 4px 0;
    padding: 11px;
    border: 2px solid #fff
}

.mention_list dl:hover {
    border-color: #ff8a01
}

.mention_list dl:hover .mention_go {
    display: block
}

.mention_list dt {
    height: 165px;
    position: relative
}

.mention_go {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background-color: #000;
    background-color: rgba(0, 0, 0, .5);
    display: none
}

.mention_go i {
    width: 86px;
    height: 86px;
    background: url(/images/post/new_notes/nn_v2/nn_sprite_v25.png) -399px -158px no-repeat;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -43px 0 0 -43px
}

.mention_list .readed {
    position: absolute;
    right: 0;
    bottom: 0;
    padding: 0 8px;
    background-color: #000;
    background-color: rgba(0, 0, 0, .7);
    line-height: 25px;
    color: #fff
}

.mention_list .mention_readed .readed {
    display: block
}

.mention_list .readed i {
    width: 12px;
    height: 9px;
    background: url(/images/post/new_notes/nn_v2/nn_sprite_v25.png) -386px -158px no-repeat;
    display: inline-block;
    margin-right: 5px
}

.mention_list .title {
    margin: 16px 0
}

.mention_list .title a {
    line-height: 24px;
    display: block;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    color: #666;
    font-size: 14px
}

.mention_info {
    padding-top: 10px;
    overflow: hidden;
    *zoom: 1;
    border-top: 1px solid #e5e5e5
}

.mention_info .vc_time {
    float: right
}

.mention_info .name {
    margin-left: 3px;
    color: #ff7200
}

.pop_readd_pic {
    width: 890px;
    height: 585px;
    padding: 25px 10px 30px 30px;
    background: #FFF;
    overflow: visible
}

.readd_title {
    line-height: 28px;
    font-size: 18px
}

.readd_title span {
    font-size: 14px
}

.r_up {
    margin-top: 20px;
    position: relative
}

.up_slide {
    position: absolute;
    right: 0;
    width: 6px;
    top: 0;
    bottom: 0
}

.up_slide i {
    width: 6px;
    top: 0;
    position: absolute;
    left: 0;
    height: 30%;
    background-color: #ccc;
    border-radius: 10px;
    cursor: pointer
}

.photo-bar {
    margin-top: 20px;
    padding-right: 20px;
    line-height: 34px
}

.photo-bar .water-mark {
    display: block;
    float: left;
    font-size: 14px;
    color: #666
}

.photo-bar .switch {
    display: inline-block;
    margin: 0 0 0 5px;
    width: 28px;
    height: 14px;
    background-color: #96c79b;
    border-radius: 14px;
    transition: background-color .1s ease-out .3s;
    -webkit-transition: background-color .1s ease-out .3s;
    cursor: pointer;
    position: relative;
    vertical-align: -2px;
    *vertical-align: middle
}

.photo-bar .switch i {
    width: 12px;
    height: 12px;
    background-color: #fff;
    position: absolute;
    top: 1px;
    left: 15px;
    border-radius: 12px;
    transition: left .3s ease-out 0s;
    -webkit-transition: left .3s ease-out 0s
}

.photo-bar .switch.off {
    background-color: #ccc
}

.photo-bar .switch.off i {
    left: 1px
}

.photo-bar .btn-setwmk {
    display: inline-block;
    margin-left: 5px;
    width: 17px;
    height: 17px;
    background: url(/images/post/setwmk-icon.png) no-repeat 0 0;
    overflow: hidden;
    vertical-align: -3px;
    *vertical-align: middle
}

@media (min-resolution: 1.25dppx),(-webkit-min-device-pixel-ratio: 1.25),(min-device-pixel-ratio: 1.25) {
    .photo-bar .btn-setwmk {
        background-position: -10px 0;
        background-size: 30px
    }

    .ptb-share a, .ptb-option a i, .ptb-ding .btn-ding {
        background-image: url(/images/post/new_notes/pic-toolbar-icon@2x.png);
        background-size: 100px
    }

    .person .i-fengshou {
        background-image: url(/images/shequ/notes-medal3@2x.png);
        background-size: 300px auto
    }
}

.photo-bar a.sub-btn {
    line-height: 34px;
    padding: 0 28px;
    display: inline-block;
    background: #ffa800;
    font-size: 16px;
    color: #fff;
    float: right;
    border-radius: 4px;
    margin-left: 20px
}

.photo-bar a.sub-btn:hover {
    text-decoration: none;
    background: #ff8a00
}

.photo-bar a.sub-btn-disable {
    background: #ccc;
    cursor: default
}

.photo-bar a.sub-btn-disable:hover {
    text-decoration: none;
    background: #ccc
}

.photo-bar a.loading {
    background: #f6f6f6 url(/images/post/loading.gif) center center no-repeat;
    height: 34px;
    line-height: 100px;
    overflow: hidden
}

.up_nums {
    margin-left: 15px;
    font-size: 14px
}

.up_nums strong {
    font-weight: normal;
    margin-right: 5px;
    font-size: 18px;
    font-family: Verdana
}

.up_nums strong span {
    color: #ff8a00
}

.upload-rates {
    width: 190px;
    height: 10px;
    background-color: #eff0eb;
    margin: 13px 0 0 15px;
    border-radius: 5px;
    overflow: hidden;
    text-align: left
}

.upload-rates .process {
    height: 10px;
    background-color: #c8dd81
}

.set-watermark-bg {
    position: fixed;
    z-index: 500;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.6);
    background: #333 \9;
    filter: alpha(opacity=95);
    opacity: .95;
    visibility: visible;
    _visibility: hidden
}

.set-watermark {
    width: 480px;
    height: 389px;
    padding: 40px 40px 30px;
    background: #fff;
    position: fixed;
    top: 50%;
    left: 50%;
    margin: -230px 0 0 -280px;
    z-index: 551;
    color: #666;
    font-size: 14px;
    text-align: left
}

.set-watermark .sw-hd {
    margin-bottom: 20px;
    font-size: 14px;
    font-weight: bold;
    line-height: 30px;
    border-bottom: 1px solid #CCC
}

.set-watermark .sw-pv {
    height: 270px;
    position: relative;
    margin-bottom: 22px
}

.set-watermark dl {
    clear: both;
    font-size: 12px;
    overflow: hidden;
    *zoom: 1;
    margin-right: -30px
}

.set-watermark dt {
    height: 30px;
    padding-left: 10px;
    float: left;
    overflow: hidden;
    line-height: 20px
}

.set-watermark dd {
    width: 90px;
    float: left;
    height: 30px;
    zoom: 1
}

.set-watermark dd input {
    vertical-align: middle;
    margin: 0 5px 2px 0
}

.set-watermark .sw-btn {
    clear: both;
    padding: 10px 0 0;
    text-align: right
}

.set-watermark .sw-btn a {
    display: inline-block;
    width: 100px;
    height: 36px;
    line-height: 36px;
    margin-left: 5px;
    border-radius: 3px;
    font-size: 16px;
    text-align: center
}

.set-watermark .sw-btn a:hover {
    text-decoration: none
}

.set-watermark .sw-btn a.cancel, .set-watermark .sw-btn a.view {
    background: #eee;
    color: #999
}

.set-watermark .sw-btn a.cancel:hover, .set-watermark .sw-btn a.view:hover {
    background: #e7e7e7
}

.set-watermark .sw-btn a.submit {
    background: #ff9d00;
    color: #fff
}

.set-watermark .sw-btn a.submit:hover {
    background: #ff8a00
}

.add_thumb {
    background: #FFF;
    padding: 32px 40px;
    width: 690px;
    margin: -200px 0 0 -385px
}

.at_con_title {
    font-size: 16px
}

.at_con_title strong {
    font-size: 18px;
    font-weight: normal;
    display: inline-block
}

.at_con_title p {
    margin-top: 15px
}

.at_con_detail {
    margin-top: 40px;
    padding: 0 0 20px 55px
}

.at_con_up {
    position: relative;
    float: left
}

.at_con_notes {
    margin-right: 120px
}

.at_con_up a {
    width: 226px;
    height: 166px;
    padding-top: 50px;
    border: 2px solid #e5e5e5;
    border-radius: 10px;
    text-align: center;
    display: block;
    color: #666
}

.at_con_up a:hover {
    color: #ff8a00;
    text-decoration: none;
    border-color: #ffe3ad
}

.at_con_up a i {
    width: 80px;
    height: 80px;
    background: url(/images/post/new_notes/ms_sprite_v2.png) -81px -235px no-repeat;
    display: inline-block;
    line-height: 200px;
    overflow: hidden
}

.at_con_notes a i {
    background-position: 0 -235px
}

.at_con_up a:hover i {
    background-position: -81px -316px
}

.at_con_notes a:hover i {
    background-position: 0 -316px
}

.no_click a, .no_click a:hover {
    color: #999;
    cursor: default
}

.no_click a:hover {
    border-color: #e5e5e5
}

.no_click a i, .no_click a:hover i {
    background-position: -162px -235px
}

.at_con_up span {
    margin-top: 30px;
    font-size: 20px;
    display: block
}

.at_tips {
    position: absolute;
    left: 20px;
    bottom: -30px;
    color: #c00
}

.btn_a, .btn_b {
    padding: 0 25px;
    height: 28px;
    line-height: 28px;
    background: #ffa800;
    display: inline-block;
    color: #fff;
    font-size: 14px;
    border-radius: 3px
}

.btn_a:hover, .btn_b:hover {
    background: #ff8a00;
    color: #fff;
    text-decoration: none
}

.btn_b {
    padding: 0 28px;
    height: 36px;
    line-height: 36px;
    font-size: 18px;
    text-align: center;
    border-radius: 5px
}

.btn_a.disable, .btn_b.disable, .btn_a.back, .btn_b.back {
    background: #e5e5e5;
    color: #999
}

.sn_btn {
    margin-top: 35px;
    text-align: right
}

.popup_select .r_up {
    margin-top: 25px
}

.popup_select .r_up .up_list {
    height: 324px
}

.popup_select .up_list ul {
    width: 710px
}

.popup_select .up_list li {
    margin: 0 30px 30px 0
}

.popup_select .up_list li, .popup_select .up_list li img {
    width: 88px;
    height: 88px
}

.up_btn {
    text-align: right;
    margin-top: 30px
}

.up_btn a {
    margin-left: 18px
}

.ps_tips {
    position: absolute;
    bottom: -34px;
    border: 1px solid #ff3d3d;
    border-radius: 5px;
    padding: 7px 15px;
    width: 178px;
    z-index: 100;
    background: #fff;
    cursor: default;
    overflow: hidden;
    color: #c00;
    display: none
}

.ps_tips i, .at_tips i {
    width: 16px;
    height: 16px;
    background: url(/images/post/new_notes/ms_sprite_v2.png) -104px -24px no-repeat;
    float: left;
    margin-right: 6px
}

.ps_tips .close {
    font-family: serif, verdana, Arial, "Lucida Grande";
    color: #999;
    position: absolute;
    right: 3px;
    top: 3px
}

.ps_tips .close:hover {
    color: #ff8a00;
    text-decoration: none
}

.popup_select .ad_slide {
    top: 0;
    right: -30px;
    height: 324px;
    width: 6px
}

.popup_select .ad_slide span {
    width: 6px
}

.popup_select .selected i {
    left: 50%;
    top: 50%;
    margin: -18px 0 0 -24px
}

.right_ad {
    margin: 20px 0
}

.right_ad embed, .right_ad img {
    width: 240px
}

.go_comment_success {
    background-color: #fff;
    padding: 45px 40px 35px;
    width: 460px
}

.gcs_con h2 {
    line-height: 30px;
    text-align: center;
    font-size: 24px;
    color: #444;
    font-weight: normal
}

.gcs_con h2 i {
    width: 30px;
    height: 30px;
    background-image: url(/images/mdd/submit_success.png);
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px
}

.gcs_detail {
    margin-top: 60px;
    position: relative
}

.gcs_detail p {
    font-size: 16px;
    color: #444;
    line-height: 24px;
    margin-bottom: 5px
}

.gcs_detail ul {
    margin-top: 20px
}

.gcs_detail li {
    line-height: 14px;
    border-left: 2px solid #ffa800;
    padding-left: 8px;
    margin-bottom: 12px
}

.gcs_detail li a {
    font-size: 14px;
    color: #666
}

.gcs_detail li a:hover {
    color: #ffa800;
    text-decoration: none
}

.gcs_detail .dear_honeyer {
    width: 142px;
    height: 80px;
    position: absolute;
    top: -85px;
    left: 10px;
    background-image: url(/images/mdd/go_commend_tips.png)
}

.gcs_others {
    margin-top: 35px;
    padding-top: 8px;
    border-top: 1px solid #d7d7d7;
    font-size: 14px;
    color: #999
}

.gcs_others a {
    float: right
}

.activity_style_notes {
    font-size: 14px;
    position: relative;
    overflow: hidden;
    line-height: 30px;
    border: 1px solid #bbd2e8;
    background-color: #eff6fc;
    box-shadow: 0 2px 0 rgba(158, 186, 212, .24);
    border-radius: 5px;
    padding: 8px 12px
}

.view .activity_style_notes {
    margin-bottom: 30px
}

.activity_style_notes .asn_ico {
    width: 30px;
    height: 30px;
    float: left;
    margin-right: 12px;
    background-image: url(/images/post/ico_style_notes.png)
}

.activity_style_notes strong {
    font-weight: normal
}

.activity_style_notes strong a {
    color: #226ab3;
    margin-right: 5px
}

.activity_style_notes a {
    color: #ff8a00;
    margin-left: 5px
}

.activity_style_notes .close {
    width: 15px;
    height: 15px;
    background: url(/images/post/close2.png) no-repeat center;
    position: absolute;
    right: 5px;
    top: 5px;
    line-height: 100px;
    overflow: hidden;
    transition: 1s ease-in-out 0s;
    -webkit-transition: 1s ease-in-out 0s;
    -moz-transition: 1s ease-in-out 0s;
    -o-transition: 1s ease-in-out 0s
}

.activity_style_notes .close:hover {
    transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -webkit-transform-origin: 50% 50%;
    -moz-transform: rotate(360deg)
}

.float-bar .activity_style_notes {
    width: 430px;
    height: 30px;
    margin-top: 4px;
    float: left;
    position: relative;
    padding: 5px 10px
}

.note-status-info {
    position: relative;
    box-sizing: border-box;
    width: 680px;
    height: 64px;
    background: rgba(248, 248, 248, 1);
    margin: 40px 0;
    padding: 0 20px
}

.note-status-info-text {
    float: left;
    height: 64px;
    line-height: 64px;
    font-size: 16px;
    font-family: MicrosoftYaHeiSemibold;
    color: rgba(51, 51, 51, 1)
}

.note-status-info-more {
    float: right;
    width: 20px;
    height: 20px;
    margin-top: 20px;
    cursor: pointer
}

.note-status-info-suspend {
    position: absolute;
    right: -22px;
    top: -24px;
    width: 108px;
    height: 34px;
    background: rgba(255, 255, 255, 1);
    box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    opacity: .9;
    text-align: center;
    font-size: 14px;
    font-family: MicrosoftYaHei;
    color: rgba(102, 102, 102, 1);
    line-height: 34px
}

.bar_share .bs_btn span, .bar_share .bs_btn strong {
    width: 30px
}

.bar_share .bs_btn strong {
    display: none;
    font-weight: normal
}

.bar_share .bs_btn:hover span {
    display: none
}

.bar_share .bs_btn:hover strong {
    display: inline-block
}

.quick_music {
    float: right;
    margin: 4px 22px 0 0;
    _margin-right: 9px
}

.quick_music a {
    width: 32px;
    height: 17px;
    background-image: none
}

.quick_music a i {
    bottom: 0;
    overflow: hidden
}

.quick_reply {
    float: right;
    margin-top: 2px;
    position: relative
}

.bar_share .quick_reply a i {
    width: 24px;
    height: 22px;
    background: url(/images/post/new_notes/nn_v2/nn_sprite_v25.png) no-repeat -233px -267px !important;
    float: left;
    margin-right: 8px
}

.quick_reply a {
    color: #666
}

.quick_reply a:hover {
    text-decoration: none
}

.quick_reply span {
    line-height: 22px;
    font-size: 14px
}

.quick_reply_tips {
    width: 280px;
    height: 104px;
    background: url(/images/post/new_notes/nn_v2/quick_reply_tips.png) no-repeat 0 0;
    position: absolute;
    left: -123px;
    top: -9px
}

.quick_reply_tips .close {
    cursor: pointer;
    width: 15px;
    height: 15px;
    background: url(/images/post/new_notes/nn_v2/close.png) no-repeat center;
    position: absolute;
    right: 17px;
    top: 70px;
    line-height: 200px;
    overflow: hidden;
    transition: transform .8s ease 0s;
    -webkit-transition: -webkit-transform .8s ease 0s;
    -moz-transition: -moz-transform .8s ease 0s;
    -o-transition: -o-transform .8s ease 0s
}

.quick_reply_tips .close:hover {
    transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg)
}

.quick_reply_box {
    position: absolute;
    right: 0;
    top: 62px;
    width: 237px;
    padding: 15px;
    border: 1px solid #e2e2e2;
    border-radius: 5px;
    background-color: #fff;
    box-shadow: 0 0 5px rgba(209, 209, 209, .5)
}

.quick_reply_box .vc_reply {
    margin: 0;
    padding-left: 0
}

.quick_reply_box .reply_choice {
    width: auto;
    padding-left: 0
}

.quick_reply_box .reply_text textarea {
    width: 210px;
    height: 114px
}

.quick_reply_box .publish_reply {
    margin-top: 10px
}

.quick_reply_box .art_title .tags {
    background: 0;
    width: 34px;
    height: 30px;
    padding: 3px 0 1px;
    display: inline-block;
    text-align: center;
    border: 1px dashed #d6d6d6;
    line-height: 30px;
    color: #666;
    position: absolute;
    right: 6px;
    top: 2px;
    margin-right: 0
}

.quick_reply_box .art_title .tags_tips {
    border-color: #ff9d00
}

.quick_reply_box .art_title .tags_tips:after {
    content: "7";
    width: 16px;
    height: 16px;
    background-color: #f46240;
    border-radius: 16px;
    position: absolute;
    right: -8px;
    top: -8px;
    color: #fff;
    line-height: 16px;
    font-family: Arial
}

.quick_reply_box .art_title .tags span {
    position: absolute;
    right: 100%;
    top: 50%;
    margin-top: -15px;
    padding-right: 4px;
    line-height: 16px;
    font-size: 10px;
    width: 50px;
    text-align: right;
    color: #999
}

.quick_reply_box .art_title .tags span strong {
    font-weight: normal;
    display: block
}

.quick_reply_box .art_title .tags:hover span {
    color: #999
}

.quick_reply_box .art_title .l17 {
    line-height: 14px
}

.quick_reply_box .art_title .tags i {
    width: 0;
    height: 0;
    border-width: 5px;
    border-style: solid dashed dashed dashed;
    border-color: #ff9d00 transparent transparent transparent;
    position: absolute;
    left: 12px;
    top: 35px;
    visibility: hidden;
    line-height: 0;
    font-size: 0
}

.quick_reply_box .art_title .tags:hover i, .quick_reply_box .art_title .tags.on i {
    visibility: visible
}

.quick_reply_box .art_title .tags:hover, .quick_reply_box .art_title .tags.on {
    background: #ff9d00;
    border: 1px solid #ff9d00;
    color: #fff;
    text-decoration: none;
    zoom: 1
}

.quick_reply_box .art_pop {
    border-radius: 0;
    left: -23px;
    top: 50px
}

.quick_reply_box .mark_tags {
    height: 134px;
    padding: 0 10px;
    left: -20px;
    top: 47px
}

.quick_reply_box .art_face {
    width: 230px;
    overflow: hidden;
    padding: 6px
}

.quick_reply_box .art_face ul {
    width: 240px
}

.quick_reply_box .art_face li {
    margin: 0 2px 2px 0;
    width: 23px;
    padding: 2px 1px 3px;
    border-color: #ccc;
    background-color: #f7f7f7
}

.quick_reply_box .art_face li img {
    width: 100%
}

.quick_reply_box .give-sign-details-small {
    width: 230px;
    height: 134px;
    padding: 10px 5px 5px 5px;
    box-sizing: border-box;
    left: -23px !important;
    top: 50px
}

.quick_reply_box .give-sign-details-small .give-sign-details-title-section {
    font-size: 12px;
    height: 12px;
    line-height: 12px
}

.quick_reply_box .give-sign-details-small .give-sign-details-title-section .title {
    font-weight: bold;
    color: #666
}

.quick_reply_box .give-sign-details-small .give-sign-details-title-section .about-amount {
    float: right;
    font-size: 0
}

.quick_reply_box .give-sign-details-small .give-sign-details-title-section .about-amount label {
    font-size: 12px
}

.quick_reply_box .give-sign-details-small .give-sign-details-title-section .about-amount .amount {
    font-size: 12px;
    font-weight: bold
}

.quick_reply_box .give-sign-details-small .give-sign-details-title-section .about-amount .need-amount {
    font-size: 12px;
    color: #ff9d00
}

.quick_reply_box .tags_pop {
    right: -6px;
    left: auto;
    border-color: #ccc
}

.quick_reply_box .reply_tags {
    background-color: #fff;
    width: 208px;
    height: auto;
    position: static
}

.quick_reply_box .at_pop {
    right: -27px;
    left: auto;
    border-color: #ccc;
    padding: 10px 15px;
    width: 140px
}

.at_input {
    position: relative
}

.at_input input {
    width: 118px;
    line-height: 18px;
    color: #666;
    padding: 5px 10px;
    border: 1px solid #d6d6d6;
    display: block
}

.at_someone ul.result {
    width: auto;
    height: 140px;
    left: 0;
    right: 0;
    padding: 0;
    top: 39px
}

.at_someone ul.result li {
    height: 28px;
    line-height: 28px;
    padding-left: 15px
}

.scrollbar {
    position: absolute;
    right: -15px;
    top: 0;
    width: 5px;
    height: 100px;
    background-color: #d6d6d6;
    border-radius: 10px;
    cursor: pointer
}

.opacity_on {
    opacity: 0
}

.sticky_mode_abs .opacity_on, .sticky_mode_fix .opacity_on {
    opacity: 1
}

.btn_c, .btn_big {
    padding: 0 25px;
    height: 28px;
    line-height: 28px;
    background: #ffa800;
    display: inline-block;
    color: #fff;
    font-size: 14px;
    border-radius: 3px
}

.btn_c:hover, .btn_big:hover {
    background: #ff8a00;
    color: #fff;
    text-decoration: none
}

.btn_big {
    padding: 0 28px;
    height: 36px;
    line-height: 36px;
    font-size: 18px;
    text-align: center;
    border-radius: 5px
}

.btn_c.disable, .btn_big.disable {
    background: #ccc;
    cursor: default
}

.special_mdd {
    padding: 0 18px;
    background-color: #f6f6f6;
    line-height: 40px;
    overflow: hidden;
    *zoom: 1;
    font-size: 16px;
    border-radius: 5px
}

.special_mdd .special_mdd_ico {
    width: 7px;
    height: 12px;
    background: url(/images/post/new_notes/sprite_v35.png) no-repeat -35px -684px;
    float: right;
    margin-top: 14px
}

.special_mdd .special_mdd_ico:hover {
    background-position: -45px -684px
}

.dp_ico_sprite {
    background-image: url(/images/post/new_notes/honey_sprite_v3.png);
    background-repeat: no-repeat
}

.dp_guide {
    position: fixed;
    bottom: 0;
    left: 10px;
    z-index: 110
}

.dp_g_short, .dp_g_normal {
    position: relative
}

.dp_g_short {
    left: 38px
}

.dp_g_tips {
    width: 200px;
    padding-left: 26px;
    height: 35px;
    line-height: 40px;
    background-position: -97px -1px;
    position: relative;
    cursor: pointer;
    color: #654939;
    overflow: hidden;
    font-size: 18px
}

.dp_g_tips span {
    font-size: 28px;
    font-family: Arial;
    position: absolute;
    left: 202px;
    top: 4px;
    width: 35px;
    text-align: center
}

.dp_g_tips strong {
    font-size: 28px;
    font-weight: normal;
    margin: 0 3px;
    position: relative;
    top: 2px
}

.dp_guide .ico_honey {
    width: 63px;
    height: 114px;
    background-position: -1px -1px;
    position: absolute;
    bottom: -4px;
    left: -41px;
    z-index: 10
}

.dp_guide .dp_g_word {
    width: 270px;
    height: 22px;
    background-position: -100px -42px;
    position: absolute;
    left: 5px;
    top: 10px
}

.dp_guide .ico_tips {
    width: 15px;
    height: 17px;
    background-position: -75px -3px;
    position: absolute;
    left: 115px;
    bottom: 38px
}

.dp_guide .close {
    width: 13px;
    height: 14px;
    background-position: -76px -23px;
    position: absolute;
    right: -35px;
    top: 4px;
    z-index: 10
}

.expand .close, .one .close {
    right: 13px;
    top: 13px
}

.dp_g_normal {
    width: 300px;
    padding: 6px 5px 1px 40px;
    border: 10px solid #ffd900;
    background-color: #fff;
    border-bottom: 0;
    display: none
}

.dp_g_normal .ico_honey {
    left: -15px;
    top: -75px
}

.dp_g_normal .dp_g_tips {
    background-image: none;
    font-size: 14px;
    width: 265px;
    padding-left: 16px;
    line-height: 32px
}

.dp_g_normal .dp_g_tips strong {
    font-size: 24px;
    color: #ffd900
}

.dp_g_bar {
    width: 255px;
    height: 10px;
    line-height: 0;
    margin-top: 23px;
    position: relative;
    background-color: #f0f0f0;
    border-radius: 10px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .1) inset;
    display: block
}

.dp_g_bar span {
    color: #42210b;
    font-family: Arial
}

.dp_g_bar .dg_num_proccess {
    width: 0;
    height: 10px;
    position: absolute;
    line-height: 0;
    background-color: #ffd900;
    border-radius: 10px
}

.dp_g_bar .dg_num_proccess i {
    position: absolute;
    right: -10px;
    top: -29px;
    width: 23px;
    height: 43px;
    background-position: -1px -119px
}

.dp_g_bar .dg_num_proccess em {
    right: -4px;
    font-style: normal
}

.dp_g_bar .dg_num_proccess em, .dp_g_bar .dp_num_start, .dp_g_bar .dp_num_end {
    top: 15px;
    position: absolute;
    line-height: 14px
}

.dp_g_bar .dp_num_start {
    left: 2px
}

.dp_g_bar .dp_num_end {
    right: 0
}

.dp_g_bar a {
    width: 13px;
    height: 13px;
    position: absolute;
    right: -20px;
    top: 14px;
    background-position: -77px -62px
}

.dp_list {
    margin-top: 36px;
    max-height: 160px;
    position: relative;
    overflow: hidden
}

.dp_list ul {
    width: 220px;
    padding-left: 3px;
    max-height: 160px
}

.dp_list li {
    margin-bottom: 19px;
    overflow: hidden;
    *zoom: 1
}

.dp_list a, .dp_list i {
    float: left
}

.dp_list .dp_prize {
    float: right;
    height: 18px;
    line-height: 18px;
    background-color: #ffd900;
    border-bottom: 3px solid #ffa800;
    padding: 0 6px;
    border-radius: 5px;
    color: #654939
}

.dp_list .dp_prize:hover {
    background-color: #ffa800;
    text-decoration: none
}

.dp_list i {
    width: 14px;
    height: 16px;
    background-position: -76px -42px;
    margin-right: 10px;
    margin-top: 2px
}

.dp_list .dp_name {
    padding: 0 4px;
    line-height: 18px;
    color: #fff;
    background-color: #654939;
    position: relative;
    margin-top: 2px;
    border-radius: 0 2px 2px 0
}

.dp_list .dp_name:before {
    content: "";
    position: absolute;
    left: -14px;
    top: 0;
    width: 0;
    height: 0;
    border-width: 9px 7px;
    border-style: dashed solid dashed dashed;
    border-color: transparent #654939 transparent transparent
}

.dp_slide {
    position: absolute;
    top: 0;
    bottom: 20px;
    right: 48px;
    width: 3px;
    border-radius: 3px;
    background-color: #f0f0f0
}

.dp_slide span {
    position: absolute;
    left: -5px;
    top: 0;
    width: 13px;
    height: 30px;
    background-color: #ffd900;
    border-radius: 5px;
    cursor: pointer
}

.one .dp_list {
    margin-top: 10px
}

.dp_list .dp_name {
    padding: 0 4px;
    line-height: 18px;
    color: #fff;
    background-color: #654939;
    position: relative;
    margin-top: 2px;
    border-radius: 0 2px 2px 0
}

.one .dp_g_short, .one .dp_g_bar {
    display: none
}

.expand .dp_g_short {
    display: none
}

.one .dp_g_normal {
    display: block
}

.expand .dp_g_normal {
    display: block
}

.pop_draft {
    padding: 18px 0;
    background-color: #fff;
    width: 458px
}

.draft_title {
    color: #333;
    font-size: 18px;
    padding-left: 30px
}

.draft_title span {
    color: #fb8a25;
    font-size: 12px;
    background-color: #fff8da;
    margin-left: 12px;
    padding: 0 20px 0 12px;
    line-height: 22px;
    border: 1px solid #f5e8aa;
    display: inline-block;
    border-radius: 5px
}

.draft_detail {
    margin-top: 20px
}

.draft_detail ul {
    max-height: 192px;
    overflow: hidden
}

.draft_detail li {
    width: 400px;
    padding: 4px 0 2px 28px;
    border-left: 2px solid #fff;
    line-height: 20px;
    position: relative
}

.draft_detail li:hover, .draft_detail li.on {
    background-color: #efefef;
    border-left-color: #ff9d00
}

.draft_detail li a {
    font-size: 14px;
    color: #666
}

.draft_detail li:hover a, .draft_detail li a:hover, .draft_detail li.on a {
    color: #ff9d00
}

.draft_detail li a:hover {
    text-decoration: underline
}

.draft_detail li span {
    width: 26px;
    height: 26px;
    border: 1px solid #d7d7d7;
    border-radius: 3px;
    position: absolute;
    right: 10px;
    top: 10px
}

.pop_draft .delete {
    width: 14px;
    height: 16px;
    background-position: -359px -134px;
    background-image: url(/images/post/new_notes/nn_v2/nn_sprite_v25.png)
}

.draft_detail .delete {
    position: absolute;
    right: 6px;
    top: 5px
}

.draft_detail li:hover span, .draft_detail li.on span {
    background-color: #999;
    border-color: #999
}

.draft_detail li:hover .delete, .draft_detail li.on .delete {
    background-position: -359px -116px
}

.draft_detail li p {
    color: #9a9a9c;
    font-family: Arial
}

.draft_handle {
    margin-top: 25px;
    padding-right: 38px
}

.draft_handle .clear_draft {
    color: #999;
    font-size: 14px;
    margin-left: 30px
}

.clear_draft .delete {
    margin-right: 6px;
    display: inline-block
}

.clear_draft .delete, .clear_draft span {
    vertical-align: middle
}

.draft_handle .clear_draft:hover {
    color: #ff9d00;
    text-decoration: none
}

.draft_handle .clear_draft:hover i {
    background-position: -374px -134px
}

.draft_tips {
    font-size: 18px;
    color: #999;
    text-align: center;
    padding: 85px 0;
    line-height: 22px
}

.pop_draft {
    padding: 18px 0;
    background-color: #fff;
    width: 458px
}

.draft_title {
    color: #333;
    font-size: 18px;
    padding-left: 30px
}

.draft_title span {
    color: #fb8a25;
    font-size: 12px;
    background-color: #fff8da;
    margin-left: 12px;
    padding: 0 20px 0 12px;
    line-height: 22px;
    border: 1px solid #f5e8aa;
    display: inline-block;
    border-radius: 5px
}

.draft_detail {
    margin-top: 20px
}

.draft_detail ul {
    max-height: 192px;
    overflow: hidden
}

.draft_detail li {
    width: 400px;
    padding: 4px 0 2px 28px;
    border-left: 2px solid #fff;
    line-height: 20px;
    position: relative
}

.draft_detail li:hover, .draft_detail li.on {
    background-color: #efefef;
    border-left-color: #ff9d00
}

.draft_detail li a {
    font-size: 14px;
    color: #666
}

.draft_detail li:hover a, .draft_detail li a:hover, .draft_detail li.on a {
    color: #ff9d00
}

.draft_detail li a:hover {
    text-decoration: underline
}

.draft_detail li span {
    width: 26px;
    height: 26px;
    border: 1px solid #d7d7d7;
    border-radius: 3px;
    position: absolute;
    right: 10px;
    top: 10px
}

.pop_draft .delete {
    width: 14px;
    height: 16px;
    background-position: -359px -134px;
    background-image: url(/images/post/new_notes/nn_v2/nn_sprite_v25.png)
}

.draft_detail .delete {
    position: absolute;
    right: 6px;
    top: 5px
}

.draft_detail li:hover span, .draft_detail li.on span {
    background-color: #999;
    border-color: #999
}

.draft_detail li:hover .delete, .draft_detail li.on .delete {
    background-position: -359px -116px
}

.draft_detail li p {
    color: #9a9a9c;
    font-family: Arial
}

.draft_handle {
    margin-top: 25px;
    padding-right: 38px
}

.draft_handle .clear_draft {
    color: #999;
    font-size: 14px;
    margin-left: 30px
}

.clear_draft .delete {
    margin-right: 6px;
    display: inline-block
}

.clear_draft .delete, .clear_draft span {
    vertical-align: middle
}

.draft_handle .clear_draft:hover {
    color: #ff9d00;
    text-decoration: none
}

.draft_handle .clear_draft:hover i {
    background-position: -374px -134px
}

.draft_tips {
    font-size: 18px;
    color: #999;
    text-align: center;
    padding: 85px 0;
    line-height: 22px
}

.notes_notice {
    background-color: #fff8da;
    text-align: center;
    height: 58px;
    line-height: 58px;
    font-size: 20px;
    border-top: 1px solid #f5e8aa;
    border-bottom: 1px solid #f5e8aa;
    box-shadow: 0 2px 0 rgba(0, 0, 0, .3);
    color: #fb8a25
}

.notes_notice.notes_notice_edit {
    background-color: #fcdcd8;
    border-top-color: #f8aba1;
    border-bottom-color: #f8aba1;
    color: #ef523d
}

.vipicon {
    margin-top: 2px;
    text-align: center
}

.notes-del-confirm {
    width: 480px;
    text-align: center;
    position: fixed;
    left: 50%;
    top: 50%;
    z-index: 501;
    margin: -130px 0 0 -240px
}

.notes-del-confirm .msg {
    margin: 0 auto 35px;
    width: 435px;
    color: #fff;
    font-size: 20px;
    line-height: 34px
}

.notes-del-confirm .icon-msg {
    display: inline-block;
    margin-bottom: 10px;
    width: 23px;
    height: 70px;
    background: url(/images/post/new_notes/notes-delete-icon.png) no-repeat 0 0;
    overflow: hidden;
    vertical-align: middle
}

.notes-del-confirm .icon-cry {
    display: inline-block;
    margin-left: 10px;
    width: 23px;
    height: 17px;
    background: url(/images/post/new_notes/notes-delete-icon.png) no-repeat -40px 0;
    overflow: hidden;
    vertical-align: middle
}

.notes-del-confirm .btn {
    display: inline-block;
    margin: 0 15px;
    width: 140px;
    height: 40px;
    line-height: 40px;
    font-size: 16px;
    border-radius: 3px;
    background-color: #000;
    background-color: rgba(0, 0, 0, .3);
    text-align: center
}

.notes-del-confirm .btn:hover {
    text-decoration: none
}

.notes-del-confirm .btn-keep {
    background-color: #ffa800;
    color: #fff
}

.notes-deled-pop {
    padding: 50px 0;
    width: 460px;
    background-color: #fff;
    text-align: center;
    position: fixed;
    left: 50%;
    top: 50%;
    z-index: 89;
    margin: -150px 0 0 -230px
}

.notes-deled-pop .msg {
    margin-bottom: 35px;
    font-size: 16px;
    line-height: 28px
}

.notes-deled-pop .btn {
    display: inline-block;
    margin: 0 15px;
    padding: 0 30px;
    height: 40px;
    line-height: 40px;
    background-color: #efefef;
    text-align: center;
    color: #666;
    border-radius: 3px;
    font-size: 16px
}

.notes-deled-pop .btn-recover {
    padding: 0 35px;
    background-color: #ffa800;
    color: #fff
}

.add_word_v2 {
    width: 680px;
    background-color: #fff;
    margin-bottom: 18px
}

.add_word_v2 textarea {
    display: block;
    width: 658px;
    min-height: 208px;
    padding: 10px;
    border: 1px solid #fff;
    font-size: 14px;
    line-height: 24px;
    color: #666;
    resize: none;
    outline: 0
}

.add_word_v2 textarea.flash {
    -webkit-animation: flash 2s;
    animation: flash 2s
}

.add_article {
    width: 100%;
    border-top: 1px solid #e5e5e5;
    position: relative
}

.add_article .expression, .add_article .at {
    display: inline-block;
    width: 21px;
    height: 21px;
    padding: 18px 0;
    border-top: 2px solid #999;
    margin-top: -1px;
    margin-right: 38px
}

.add_article .expression:hover, .add_article .at:hover {
    border-top-color: #ffa800
}

.add_article .expression i, .add_article .at i {
    display: block;
    width: 21px;
    height: 21px;
    background: url(/images/post/new_notes/sprite_v35.png) 0 -247px no-repeat
}

.add_article > a.expression i {
    background-position: 0 -247px
}

.add_article > a.expression:hover i {
    background-position: 0 -269px
}

.add_article > a.at i {
    background-position: -70px -247px
}

.add_article > a.at:hover i {
    background-position: -70px -269px
}

.add_article > a.save, .add_article a.cancel {
    width: auto;
    margin-right: 0;
    background: #ffa800;
    padding: 0 25px;
    line-height: 26px;
    height: 26px;
    color: #fff;
    font-size: 14px;
    float: right;
    border-radius: 5px;
    margin-top: 25px
}

.add_article > a.save:hover {
    background: #ff8a00;
    color: #fff;
    text-decoration: none
}

.add_article a.cancel {
    background-color: #fff;
    color: #999;
    margin-right: 10px
}

.add_article a.cancel:hover {
    background-color: #ddd;
    text-decoration: none;
    color: #666
}

.add_article .art_pop {
    cursor: default;
    position: absolute;
    left: 0;
    top: -218px;
    z-index: 100;
    border-radius: 3px;
    border: 1px solid #e5e5e5;
    background-color: #fff
}

.add_article .art_pop2 {
    top: -132px
}

.art_at {
    padding: 15px 20px;
    width: 384px
}

.art_at .art_search {
    position: relative;
    margin: 0 0 15px;
    cursor: text;
    padding-top: 5px
}

.art_at .art_search input {
    width: 364px;
    border: 1px solid #efefef;
    height: 20px;
    line-height: 20px;
    padding: 7px 10px;
    font-size: 14px;
    color: #999;
    background-color: #efefef
}

.art_at .art_search span.added, .at_input span.added {
    height: 14px;
    line-height: 14px;
    padding: 3px 3px 3px 6px;
    background-color: #ffb83e;
    display: inline-block;
    margin: 4px 5px 10px 0;
    color: #fff;
    font-size: 12px;
    border-radius: 3px
}

.art_at .art_search span.added i, .at_input span.added i {
    width: 14px;
    height: 14px;
    display: inline-block;
    vertical-align: top;
    margin-left: 2px;
    font-size: 12px;
    font-family: serif, verdana, Arial, "Lucida Grande", "Microsoft Yahei", "Hiragino Sans GB", "Hiragino Sans GB W3", SimSun, STHeiti;
    font-style: normal;
    cursor: pointer
}

.art_at .art_search ul.result {
    padding: 6px 0;
    height: 150px;
    top: 30px
}

.art_at .art_search ul.result li {
    padding-left: 12px;
    height: 30px;
    line-height: 30px;
    font-size: 12px
}

.art_opt a {
    margin: 0 0 0 5px;
    border-radius: 3px;
    padding: 0 20px;
    display: inline-block;
    float: right
}

.art_opt a:hover {
    text-decoration: none
}

.art_opt a.art_submit {
    color: #fff;
    background-color: #ffa800;
    line-height: 24px
}

.art_opt a.art_submit:hover {
    background-color: #ff8a00
}

.n_loading, .n_loading:hover {
    background: url(/images/post/new_notes/nn_v2/upload-img-dot.gif) #ff9d00 center center no-repeat !important;
    display: inline-block !important;
    line-height: 200px !important;
    cursor: default
}

.set-watermark a.close-btn {
    display: none !important
}

.sw-pv i {
    display: inline-block;
    position: absolute
}

.wm_s1 i {
    width: 126px;
    height: 40px;
    background: url(/images/watermark/2015new/logo1_3.png) no-repeat
}

.wm_s2 i {
    width: 180px;
    height: 36px;
    background: url(/images/watermark/2015new/logo3.png) no-repeat
}

.wm_s3 i {
    width: 120px;
    height: 38px;
    background: url(/images/watermark/2015new/logo2.png) no-repeat
}

.wm_p0 i {
    top: 5px;
    left: 5px
}

.wm_p2 i {
    top: 5px;
    right: 5px
}

.wm_p10 i {
    bottom: 5px;
    right: 5px
}

.wm_p8 i {
    bottom: 5px;
    left: 5px
}

.wm_p9 i {
    bottom: 5px;
    left: 175px
}

@-webkit-keyframes flash {
    25%, 75% {
        border-color: #ffa800;
        box-shadow: 0 0 3px #ffa800
    }
    0%, 50%, 100% {
        border-color: #fff;
        box-shadow: none
    }
}

@keyframes flash {
    25%, 75% {
        border-color: #ffa800;
        box-shadow: 0 0 3px #ffa800
    }
    0%, 50%, 100% {
        border-color: #fff;
        box-shadow: none
    }
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) {
    .edit_object li a i, .eo_title .eo_title_tips, .add_ico {
        background: url(/images/post/new_notes/nn_v2/nm_sprite4.png) no-repeat;
        background-size: 196px
    }

    .edit_object .eo_word a i {
        background-position: -84px 0
    }

    .edit_object .eo_word a:hover i {
        background-position: -84px -28px
    }

    .edit_object .eo_pic a i {
        background-position: -56px 0
    }

    .edit_object .eo_pic a:hover i {
        background-position: -56px -28px
    }

    .edit_object .eo_video a i {
        background-position: -112px 0
    }

    .edit_object .eo_video a:hover i {
        background-position: -112px -28px
    }

    .edit_object .eo_title a i {
        background-position: -140px 0
    }

    .edit_object .eo_title a:hover i {
        background-position: -140px -28px
    }

    .eo_title .eo_title_tips {
        background-position: -168px 0
    }

    .add_ico {
        background-position: 0 0
    }

    .add_ico:hover {
        background-position: 0 -28px
    }

    .pay-item .i-radio, .ir-ft a i, .reward-from i, .reward-num .icon-money, .reward-num .icon-honey {
        background: url(/images/post/new_notes/nn_v2/reward-sprites3@2x.png) no-repeat 0 0;
        background-size: 50px
    }

    .pay-checked .i-radio {
        background-position: -25px 0
    }

    .ir-ft a i {
        background-position: 0 -25px
    }

    .ir-ft .btn-setting i {
        background-position: -25px -25px
    }

    .ir-ft .btn-intro i {
        background-position: -25px -45px
    }

    .reward-from i {
        background-position: 0 -45px
    }

    .reward-num .icon-money {
        background-position: 0 -70px
    }

    .reward-num .icon-honey {
        background-position: -25px -70px
    }

    .poi-link-hotel i {
        background-position: -38px -165px;
        background-size: 250px
    }
}

.card-hotelpop {
    position: absolute;
    z-index: 500;
    width: 325px;
    height: 156px;
    background-color: #fff;
    padding: 5px;
    box-shadow: 0 0 4px rgba(0, 0, 0, .2);
    border: 1px solid #d4d4d4
}

.ch-tit {
    margin-bottom: 6px;
    font-size: 16px;
    color: #333;
    line-height: 20px;
    padding-bottom: 4px;
    border-bottom: 1px solid #e0e0e0;
    font-weight: normal
}

.ch-tit a {
    color: #333
}

.ch-img {
    float: left;
    display: inline;
    margin-right: 10px;
    width: 160px;
    height: 125px;
    overflow: hidden
}

.ch-info {
    float: left;
    width: 155px;
    line-height: 20px;
    font-size: 12px;
    color: #666
}

.ch-info a {
    color: #666
}

.ch-info li {
    vertical-align: top;
    overflow: hidden;
    *zoom: 1
}

.ch-total {
    margin: 5px 0 8px
}

.ch-total em {
    font-size: 20px;
    color: #ff7000;
    font-style: normal;
    vertical-align: -2px
}

.ch-total strong {
    font-weight: normal;
    font-size: 14px
}

.ch-label {
    float: left;
    width: 47px
}

.ch-bar {
    float: left;
    margin: 7px 0 0;
    height: 5px;
    width: 94px;
    background-color: #cfcfcf
}

.ch-bar span {
    display: block;
    width: 0;
    height: 5px;
    vertical-align: middle;
    background-color: #48abf5
}

.ch-price {
    margin-top: 8px
}

.ch-price strong {
    font-weight: normal;
    color: #ff7000
}

.ch-price em {
    font-size: 16px;
    font-style: normal
}

.ch-loading {
    background: #fff url(/images/common/loading_big.gif) no-repeat center center;
    overflow: hidden
}

.pop-hotelcard {
    position: absolute;
    z-index: 500;
    width: 395px;
    height: 140px;
    padding: 10px;
    background-color: #fff;
    box-shadow: 0 0 4px rgba(0, 0, 0, .2);
    border: 1px solid #d4d4d4
}

.hc-img {
    float: left;
    width: 160px;
    height: 140px;
    display: inline;
    margin-right: 9px
}

.hc-cont {
    float: left;
    width: 225px;
    font-size: 12px;
    color: #999
}

.hc-title {
    margin-bottom: 5px
}

.hc-title h3 {
    height: 18px;
    font-size: 16px;
    line-height: 18px;
    font-weight: normal;
    overflow: hidden
}

.hc-title h3 a {
    color: #333
}

.hc-title span {
    display: block;
    height: 14px;
    overflow: hidden
}

.hc-score {
    margin-bottom: 15px;
    text-align: center
}

.hc-score li {
    float: left;
    display: inline;
    margin: 5px 0 0 15px;
    width: 40px;
    font-size: 14px;
    font-size: 12px;
    line-height: 12px
}

.hc-score .percent {
    height: 40px;
    background: url(/images/post/new_notes/hotel-card.png) no-repeat -70px 0;
    margin-bottom: 5px;
    line-height: 40px
}

.hc-score .p2 {
    background-position: -70px -40px
}

.hc-score .p3 {
    background-position: -70px -80px
}

.hc-score .p4 {
    background-position: -70px -120px
}

.hc-score .score-total {
    margin: 0 -5px 0 0;
    width: 65px;
    height: 48px;
    padding-top: 18px;
    background: url(/images/post/new_notes/hotel-card.png) no-repeat 0 0;
    color: #999
}

.hc-score .score-total em {
    font-style: normal;
    font-size: 18px;
    color: #ff8a00
}

.hc-score .score-total strong {
    display: inline-block;
    padding-top: 5px;
    font-weight: normal;
    color: #666
}

.hc-score .score-total.p2 {
    background-position: 0 -66px
}

.hc-score .score-total.p3 {
    background-position: 0 -132px
}

.hc-score .score-total.p4 {
    background-position: 0 -198px
}

.hc-price {
    float: left;
    padding-top: 3px
}

.hc-price span {
    display: inline-block;
    margin-left: 10px;
    color: #ff8a00;
    font-size: 16px;
    white-space: nowrap;
    vertical-align: middle
}

.hc-price span:first-letter {
    font-size: 12px
}

.hc-fav {
    float: right;
    height: 22px;
    padding: 0 6px;
    line-height: 22px;
    background-color: #ffa800;
    border-radius: 1px;
    color: #fff;
    font-size: 12px
}

.hc-fav i {
    display: inline-block;
    float: left;
    margin: 3px 2px 0 0;
    width: 16px;
    height: 16px;
    background: url(/images/post/new_notes/hotel-card.png) no-repeat -70px -160px
}

.hc-fav.on i {
    background-position: -90px -160px
}

.hc-fav:hover {
    background-color: #ff8a00;
    text-decoration: none;
    color: #fff
}

.hc-loading {
    background: #fff url(/images/common/loading_big.gif) no-repeat center center;
    overflow: hidden
}

.base_info {
    width: 680px;
    height: 500px;
    padding: 30px;
    background: #FFF;
    overflow: visible
}

.write_base_info h2 {
    font-size: 18px;
    font-weight: normal
}

.base_info_detail .dd_tags input {
    margin-top: 3px
}

.base_info_detail {
    margin-top: 25px
}

.base_info_detail dd {
    margin-left: 28px;
    position: relative;
    border-bottom: 1px solid #efefef;
    padding: 14px 0;
    line-height: 24px
}

.base_info_detail dd.add_goods {
    border-bottom: 0;
    margin-top: 10px
}

.base_info_detail dt i, .dd_title i {
    width: 18px;
    height: 18px;
    background: url(/images/guide/sprite_v33.png) -83px -128px no-repeat;
    position: absolute;
    left: -28px;
    top: 0
}

.base_info_detail dt i {
    width: 16px;
    height: 19px;
    background-position: -27px -128px
}

.base_info_detail dd, .adjust_city li {
    *+zoom: 1
}

.base_info_detail dd:after, .adjust_city li:after {
    content: '\20';
    clear: both;
    display: table;
    overflow: hidden
}

.base_info_detail dd i.go_date {
    background-position: -83px -128px
}

.base_info_detail dd i.go_days {
    background-position: -102px -128px
}

.base_info_detail dd i.begin_city {
    background-position: -55px -234px
}

.base_info_detail dd i.go_figure {
    background-position: -121px -128px
}

.base_info_detail dd i.go_money {
    background-position: -140px -128px
}

.base_info_detail dd i.go_style {
    background-position: -159px -128px
}

.dd_title {
    display: inline-block;
    width: 85px;
    font-size: 14px;
    font-weight: normal;
    line-height: 28px;
    *+float: left
}

.dd_title span {
    color: #f00;
    padding-left: 4px;
    vertical-align: -4px;
    line-height: 12px
}

.dd_title i {
    top: 19px
}

.dd_select {
    width: 208px;
    height: 26px;
    display: inline-block;
    background: #efefef;
    border: 1px solid #efefef;
    position: relative;
    *+float: left
}

.dd_select.on {
    border: 1px solid #ffc65a;
    background-color: #fff
}

.ok .dd_select {
    border: 1px solid #d3d3d3;
    background-color: #fff
}

.dd_select.on input, .ok .dd_select input {
    background-color: #fff
}

.base_info_detail dd.ok i {
    background-position: -492px -128px
}

.dd_select input {
    padding: 4px 10px;
    margin: 0;
    width: 160px;
    border: 0;
    line-height: 18px;
    font-size: 12px;
    color: #999;
    background: #efefef
}

.dd_select a {
    width: 16px;
    height: 16px;
    background: url(/images/guide/sprite_v33.png) -268px -177px no-repeat;
    position: absolute;
    right: 5px;
    top: 5px
}

.dd_select a.time {
    background-position: -268px -177px
}

.dd_select a.time:hover, .dd_select.on a.time {
    background-position: -268px -193px
}

.dd_select a.down {
    width: 18px;
    height: 15px;
    background-position: -285px -177px;
    border-left: 1px solid #ccc;
    right: 2px;
    top: 6px
}

.dd_select a.down:hover, .dd_select.on a.down {
    background-position: -193px -129px;
    border-left: 1px solid #fc3
}

.dd_unit {
    padding-left: 8px;
    font-size: 14px;
    line-height: 28px
}

.dd_tags {
    padding-right: 20px;
    font-size: 14px
}

.dd_tags input {
    vertical-align: middle;
    margin-right: 5px;
    margin-top: -2px
}

.at_style .dd_tags input {
    margin-top: 3px
}

.dd_tags input, .dd_tags label {
    vertical-align: middle;
    cursor: pointer
}

.base_info_button {
    text-align: right;
    margin-top: 40px
}

.base_info_button .btn_big {
    padding: 0 32px;
    border-radius: 3px
}

.down_con {
    position: absolute;
    left: -1px;
    right: -1px;
    top: 26px;
    background: #fff;
    z-index: 10;
    border: 1px solid #d5d5d5;
    display: none
}

.down_con li a {
    padding: 2px 15px;
    height: 24px;
    overflow: hidden;
    display: block;
    position: static;
    background: #fff;
    width: auto;
    line-height: 24px;
    color: #666
}

.down_con li a:hover {
    background: #f5f5f5;
    color: #666;
    text-decoration: none
}

.poi-link-hotel {
    display: inline-block;
    margin: 0 2px;
    color: #0a89e4 !important;
    border: none !important
}

.poi-link-hotel i {
    float: left;
    margin: 4px 2px 0 0;
    width: 16px;
    height: 16px;
    background: url(/images/post/new_notes/nn_v2/nn_sprite_v25.png) no-repeat -55px -330px;
    overflow: hidden
}

.catalog_full, .catalog_trip .cm_slidedown span i, .catalog_trip .cm_tit i, .catalog_trip .cm_con h3 i, .yjzs_ssask i, .yjzs_toption .art_title > a, .yjzs_sort span em, .yjzs_intro .yjzs_star span {
    background: url(/images/post/new_notes/nn_v2/yjzs_icon_v2.png) no-repeat
}

.catalog_mapbox {
    width: 240px;
    height: 340px;
    position: relative;
    margin-top: 8px
}

.catalog_map {
    height: 340px
}

.catalog_full {
    width: 44px;
    height: 28px;
    padding-left: 24px;
    position: absolute;
    right: 0;
    top: 0;
    text-align: center;
    line-height: 28px;
    color: #fff;
    font-size: 14px;
    background-position: 0 -24px;
    cursor: pointer
}

.catalog_full .close {
    display: none
}

.catalog_trip {
    width: 158px;
    height: 298px;
    padding: 0 10px;
    position: absolute;
    left: 10px;
    bottom: 10px;
    border: 1px solid #fff;
    background-color: rgba(255, 255, 255, 0.85);
    overflow: hidden
}

.catalog_trip .cm_tit {
    width: 100%;
    height: 48px;
    font-size: 16px;
    line-height: 48px;
    color: #444;
    position: relative;
    border-bottom: 1px solid #d9dee5;
    display: none
}

.catalog_trip .cm_tit .fulltitle {
    display: none
}

.catalog_trip .cm_tit .thumbtitle {
    display: inline-block;
    width: 140px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.catalog_trip .cm_tit span {
    cursor: pointer
}

.catalog_trip .cm_tit i {
    display: inline-block;
    width: 10px;
    height: 7px;
    background-position: -85px 0
}

.catalog_trip .cm_tit a.expand {
    display: inline-block;
    position: absolute;
    padding: 5px;
    right: 3px;
    top: 16px;
    line-height: 8px
}

.catalog_trip .cm_con {
    padding: 0 10px 0 2px;
    margin-top: 6px;
    height: 234px;
    position: relative
}

.catalog_trip .cm_con_inner {
    height: 234px;
    overflow-y: auto
}

.fullscreen .catalog_trip .cm_con_inner {
    height: auto
}

.catalog_trip .cm_con h3 {
    cursor: pointer;
    position: relative;
    height: 38px;
    font-weight: normal;
    font-size: 14px;
    line-height: 38px;
    color: #ff9d00;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 100%;
    overflow: hidden
}

.catalog_trip .cm_con h3 i {
    display: block;
    width: 10px;
    height: 7px;
    background-position: -72px 0;
    position: absolute;
    right: 0;
    top: 15px
}

.catalog_trip .cm_con .curr h3 i {
    background-position: -85px 0
}

.catalog_trip .cm_con .mddtravel {
    display: none
}

.catalog_trip .cm_con .dayitem {
    display: block
}

.catalog_trip .cm_con_inner.curr-mode .dayitem {
    display: none
}

.catalog_trip .cm_con_inner.curr-mode .curr {
    display: block
}

.catalog_trip .cm_con dl {
    display: none
}

.catalog_trip .cm_con_inner.curr-mode .curr dl {
    display: block
}

.catalog_trip .cm_con dd {
    width: 100%;
    line-height: 20px;
    color: #666;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    position: relative;
    padding-bottom: 16px
}

.catalog_trip .cm_con dd.travelitem {
    display: none
}

.catalog_trip .cm_con dd i {
    display: block;
    float: left;
    width: 14px;
    height: 14px;
    border: 1px solid #999;
    margin: 2px 4px 2px 0;
    border-radius: 50%;
    font-size: 12px;
    font-style: normal;
    color: #666;
    text-align: center;
    line-height: 14px;
    color: #999
}

.catalog_trip .cm_con dd:after {
    content: "";
    width: 2px;
    height: 16px;
    background-color: #d6d6d6;
    position: absolute;
    left: 7px;
    bottom: 0
}

.catalog_trip .cm_con dd.last {
    padding-bottom: 0
}

.catalog_trip .cm_con dd.last:after {
    display: none
}

.catalog_trip.close {
    height: 48px
}

.catalog_trip.close .cm_tit, .fullscreen .cm_tit {
    display: block
}

.catalog_trip.close .cm_slidedown, .fullscreen .cm_slidedown {
    display: none
}

.catalog_trip .cm_slidedown {
    width: 120px;
    height: 27px;
    line-height: 27px;
    margin: 0 auto;
    cursor: pointer
}

.catalog_trip .cm_slidedown strong {
    display: block;
    width: 40px;
    height: 1px;
    background-color: #dadfe5;
    float: left;
    margin-top: 13px
}

.catalog_trip .cm_slidedown span {
    display: block;
    float: left;
    padding-left: 4px;
    width: 36px;
    font-size: 12px;
    color: #666;
    position: relative
}

.catalog_trip .cm_slidedown span i {
    display: block;
    width: 5px;
    height: 3px;
    background-position: -69px -24px;
    position: absolute;
    right: 5px;
    top: 12px
}

body.fullscreenmode {
    overflow: hidden
}

body.fullscreenmode .float-bar, body.fullscreenmode .mfw-toolbar {
    z-index: -1
}

body.fullscreenmode #smartGuideFeng {
    z-index: -1
}

.catalog_mapbox_tit {
    font-size: 18px;
    line-height: 40px;
    color: #444
}

.fullscreen.catalog_mapbox {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1000000;
    height: auto;
    width: auto;
    background: #fff;
    margin: 0
}

.fullscreen .catalog_trip {
    width: 300px;
    height: 100%;
    overflow: hidden;
    padding: 0;
    background: #fff;
    box-shadow: 1px 1px 3px #d8d8d8;
    position: absolute;
    left: 0;
    top: 0;
    background-color: #efefef;
    -webkit-transition: none;
    transition: none
}

.fullscreen .catalog_trip .cm_tit {
    position: absolute;
    z-index: 1;
    top: 0;
    height: 80px;
    border-bottom: 1px solid #ccc;
    font-size: 26px;
    font-weight: bold;
    line-height: 80px;
    text-indent: 20px;
    color: #444;
    background-color: #fff
}

.fullscreen .catalog_trip .cm_tit .fulltitle {
    display: inline
}

.fullscreen .catalog_trip .cm_tit .thumbtitle {
    display: none
}

.fullscreen .catalog_trip .cm_tit i {
    display: none
}

.fullscreen .catalog_trip .cm_con {
    padding: 80px 0 0 0;
    margin: 0;
    height: auto !important;
    width: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    overflow-y: auto
}

.fullscreen .catalog_trip .cm_con .mddtravel {
    display: inline-block;
    width: 260px;
    padding: 8px 0;
    background-color: #efefef;
    border-radius: 6px;
    text-align: center
}

.catalog_trip .cm_con .mddtravel span {
    display: inline-block;
    font-size: 16px;
    line-height: 30px;
    color: #666;
    vertical-align: middle
}

.catalog_trip .cm_con .mddtravel i {
    display: inline-block;
    width: 30px;
    height: 30px;
    margin: 0 6px;
    vertical-align: middle;
    background: url(/images/post/new_notes/nn_v2/transport.png) no-repeat
}

.catalog_trip .cm_con .mddtravel i.bus {
    background-position: 0 0
}

.catalog_trip .cm_con .mddtravel i.walk {
    background-position: -30px 0
}

.catalog_trip .cm_con .mddtravel i.ship {
    background-position: -60px 0
}

.catalog_trip .cm_con .mddtravel i.train {
    background-position: -90px 0
}

.catalog_trip .cm_con .mddtravel i.ufo {
    background-position: -120px 0
}

.catalog_trip .cm_con .mddtravel i.bike {
    background-position: -150px 0
}

.catalog_trip .cm_con .mddtravel i.plane {
    background-position: -180px 0
}

.catalog_trip .cm_con .mddtravel p {
    padding-top: 2px;
    font-size: 12px;
    line-height: 20px;
    color: #999
}

.catalog_trip .cm_con dd.poiitem {
    cursor: pointer
}

.fullscreen .catalog_trip .cm_con h3 {
    height: 50px;
    line-height: 50px;
    padding: 15px 0;
    font-size: 18px;
    color: #666
}

.fullscreen .catalog_trip .cm_con .dayitem {
    height: 80px;
    background-color: #efefef;
    padding-left: 20px;
    border-bottom: 1px solid #e5e5e5;
    overflow: hidden
}

.fullscreen .catalog_trip .cm_con .dayitem {
    display: block
}

.fullscreen .catalog_trip .cm_con .dayitem.curr {
    height: auto;
    background-color: #fff
}

.fullscreen .catalog_trip .cm_con .curr h3 {
    padding-bottom: 0;
    color: #ff9d00
}

.fullscreen .catalog_trip .cm_con h3 i {
    display: none
}

.fullscreen .catalog_trip .cm_con dl {
    padding: 20px 0 36px
}

.fullscreen .catalog_trip .cm_con dd.poiitem {
    width: 100%;
    font-size: 14px;
    line-height: 20px;
    color: #666;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    position: relative;
    padding-bottom: 16px
}

.fullscreen .catalog_trip .cm_con dd.travelitem {
    display: block;
    width: 100%;
    font-size: 12px;
    line-height: 16px;
    color: #999;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    position: relative;
    padding-bottom: 16px
}

.fullscreen .catalog_trip .cm_con dd.travelitem i {
    display: block;
    float: left;
    width: 8px;
    height: 8px;
    margin: 4px;
    border-radius: 50%;
    background-color: #999;
    border: 0
}

.fullscreen .catalog_map {
    position: absolute !important;
    top: 0;
    bottom: 0;
    left: 300px;
    right: 0;
    height: 100% !important
}

.fullscreen .catalog_full {
    width: 68px;
    height: 68px;
    padding: 0;
    background: rgba(0, 0, 0, 0.5);
    position: absolute;
    top: 20px;
    right: 20px;
    color: #fff;
    font-size: 24px;
    font-weight: bold;
    text-align: center;
    line-height: 68px;
    cursor: pointer
}

.fullscreen .catalog_full .close {
    display: inline
}

.fullscreen .catalog_full .expand {
    display: none
}

.mddicons {
    width: 21px;
    cursor: pointer;
    height: 21px;
    border: 1px solid #ffa800;
    background: #ffc554;
    border-radius: 50%;
    opacity: .9;
    filter: Alpha(Opacity=90);
    line-height: 22px;
    font-size: 14px;
    text-align: center;
    color: #fff
}

.mddicons:hover {
    opacity: 1;
    filter: Alpha(Opacity=100)
}

.fullscreen .mddicons {
    width: 70px;
    height: 70px;
    text-indent: 0;
    overflow: hidden;
    line-height: 70px;
    text-align: center;
    color: #fff;
    font-size: 16px
}

.poiicons {
    width: 21px;
    cursor: pointer;
    height: 21px;
    border: 2px solid #ffa800;
    background: #ffc554;
    border-radius: 50%;
    line-height: 22px;
    font-size: 14px;
    text-align: center;
    color: #fff
}

.poiicons:hover {
    background: #ffa800
}

.poiicons.incircle {
    background: #ffa800
}

.yjzs_link {
    width: 86%;
    height: 48px;
    font-size: 14px;
    line-height: 48px;
    color: #666;
    position: absolute;
    left: 50%;
    bottom: 20px;
    background-color: rgba(255, 255, 255, 0.95);
    margin-left: -43%;
    border-radius: 24px;
    display: none
}

.yjzs_link p {
    width: 90%;
    height: 100%;
    margin: 0 auto;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.yjzs_link p a {
    color: #ff9d00
}

.fullscreen .yjzs_link {
    display: block
}

.overlay_selected {
    z-index: 1000 !important
}

.overlay_selected .mddicons {
    opacity: 1;
    filter: Alpha(Opacity=100)
}

.overlay_selected .mddicons .yjzs_intro {
    display: block
}

.overlay_selected .poiicons {
    background: #ffa800
}

.overlay_selected .poiicons .yjzs_intro {
    display: block
}

.mddicons .point-name {
    display: none
}

.fullscreen .mddicons .point-name {
    display: inline
}

.fullscreen .mddicons .point-index {
    display: none
}

.fullscreen .mddicons .yjzs_intro {
    display: none
}

.yjzs_intro {
    text-align: left;
    font-size: 12px;
    color: #666;
    width: 150px;
    padding: 8px;
    background-color: #fff;
    border-radius: 6px;
    position: absolute;
    left: -20px;
    top: -115px;
    display: none
}

.yjzs_intro .yjzs_arr {
    display: block;
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 8px solid #fff;
    position: absolute;
    left: 24px;
    bottom: -8px
}

.yjzs_intro .yjzs_img {
    width: 150px;
    height: 90px;
    position: relative
}

.yjzs_intro .yjzs_img img {
    display: block;
    width: 100%;
    height: 100%
}

.yjzs_intro .yjzs_img .yjzs_imask {
    width: 100%;
    height: 50%;
    position: absolute;
    left: 0;
    bottom: 0;
    background: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0));
    background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.8)), to(rgba(0, 0, 0, 0)));
    background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0));
    background: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0));
    background: -ms-linear-gradient(bottom, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0));
    background: linear-gradient(to top, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#99000000', GradientType=0)
}

.yjzs_intro .yjzs_other {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    color: #fff;
    height: 26px;
    line-height: 26px
}

.yjzs_intro .yjzs_other a {
    color: #fff;
    display: none
}

.yjzs_intro .yjzs_other a.namelink {
    display: block
}

.yjzs_intro .yjzs_other .name {
    font-size: 16px;
    padding: 0 3px 0 7px;
    display: inline-block;
    max-width: 130px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.yjzs_intro .yjzs_other .coll {
    vertical-align: top
}

.yjzs_intro .yjzs_other .coll i {
    display: inline-block;
    vertical-align: middle;
    margin-right: 4px;
    width: 16px;
    height: 16px;
    background: url(/images/post/new_notes/pic-toolbar-icon.png) no-repeat;
    background-position: -25px -25px;
    overflow: hidden
}

.yjzs_intro .yjzs_other .coll .already {
    display: none
}

.yjzs_intro .yjzs_other .coll.favored .already {
    display: inline
}

.yjzs_intro .yjzs_other .coll.favored .yet {
    display: none
}

.yjzs_intro .yjzs_other .coll:hover i, .yjzs_intro .yjzs_other .coll.favored i {
    background-position: -25px -50px
}

.yjzs_intro .yjzs_other .dp {
    float: right;
    padding-right: 5px
}

.yjzs_intro .yjzs_other .yj {
    float: right;
    padding-right: 10px;
    padding-left: 5px
}

.yjzs_intro .yjzs_other .dp i, .yjzs_intro .yjzs_other .yj i {
    font-style: normal;
    color: #ff9d00;
    padding-left: 4px
}

.fullscreen .yjzs_intro {
    top: -252px;
    width: 300px;
    padding: 10px
}

.fullscreen .yjzs_intro .yjzs_arr {
    border-right-width: 10px;
    border-right-width: 10px;
    border-top-width: 12px;
    left: 22px;
    bottom: -12px
}

.fullscreen .yjzs_intro .yjzs_other .name {
    max-width: 100px
}

.fullscreen .yjzs_intro .yjzs_other a.namelink {
    display: inline-block
}

.fullscreen .yjzs_intro .yjzs_img {
    width: 300px;
    height: 180px
}

.fullscreen .yjzs_intro .yjzs_other {
    height: 46px;
    line-height: 46px;
    overflow: hidden
}

.fullscreen .yjzs_intro .yjzs_other a {
    display: inline-block
}

.fullscreen .yjzs_sort {
    display: block
}

.yjzs_sort {
    padding: 12px 0 4px;
    display: none
}

.yjzs_sort strong {
    padding-right: 7px;
    line-height: 24px;
    font-weight: normal
}

.yjzs_sort span {
    display: inline-block;
    height: 22px;
    padding: 0 8px;
    border-radius: 11px;
    border-width: 1px;
    border-style: solid;
    border-color: #fff;
    line-height: 22px;
    cursor: pointer;
    margin-right: 3px
}

.yjzs_sort span i {
    display: block;
    float: left;
    margin-top: 6px;
    margin-right: 5px;
    vertical-align: middle;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    border-width: 1px;
    border-style: solid
}

.yjzs_sort span.ys1.cur {
    border-color: #4faa7c
}

.yjzs_sort span.ys1 i {
    background-color: #4faa7c;
    border-color: #38a06f
}

.yjzs_sort span.ys2.cur {
    border-color: #fb6453
}

.yjzs_sort span.ys2 i {
    background-color: #fb6453;
    border-color: #e74e3d
}

.yjzs_sort span.ys3.cur {
    border-color: #4aade5
}

.yjzs_sort span.ys3 i {
    background-color: #4aade5;
    border-color: #3497d0
}

.yjzs_sort span.ys4.cur {
    border-color: #fb763e
}

.yjzs_sort span.ys4 i {
    background-color: #fb763e;
    border-color: #de612d
}

.poitinyicons {
    position: relative
}

.poitinyicons .point {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    border-width: 1px;
    border-style: solid;
    position: absolute;
    top: -4px;
    left: -4px
}

.poitinyicons .point.type_1 {
    background-color: #fb6453;
    border-color: #e74e3d
}

.poitinyicons .point.type_2 {
    background-color: #4aade5;
    border-color: #3497d0
}

.poitinyicons .point.type_3 {
    background-color: #4faa7c;
    border-color: #38a06f
}

.poitinyicons .point.type_4 {
    background-color: #fb763e;
    border-color: #de612d
}

.poitinyicons.mode_big .point {
    width: 20px;
    height: 33px;
    top: -30px;
    left: -10px;
    background: url(/images/post/new_notes/nn_v2/map_icon.png) no-repeat;
    background-color: none;
    border: 0
}

.mode_big .point.type_1 {
    background-position: -40px 3px
}

.mode_big .point.type_1:hover {
    background-position: -40px -28px
}

.mode_big .point.type_2 {
    background-position: -60px 3px
}

.mode_big .point.type_2:hover {
    background-position: -60px -28px
}

.mode_big .point.type_3 {
    background-position: 0 3px
}

.mode_big .point.type_3:hover {
    background-position: 0 -28px
}

.mode_big .point.type_4 {
    background-position: -20px 3px
}

.mode_big .point.type_4:hover {
    background-position: -20px -28px
}

.poitinyicons .tinypopcnt {
    display: none;
    border-color: rgba(0, 0, 0, 0.1);
    border-style: solid;
    border-width: 5px;
    position: absolute;
    top: -28px
}

.mode_big .tinypopcnt {
    top: -55px
}

.poitinyicons .tinypop {
    padding: 2px 5px;
    background: #fff;
    display: block;
    white-space: nowrap;
    color: #ff7c13;
    font-size: 14px
}

.fullscreen .yi1 {
    width: 170px;
    top: -180px;
    left: -30px
}

.fullscreen .mode_big .yi1 {
    top: -207px
}

.fullscreen .yi1 .yjzs_img {
    height: 100px;
    width: 170px
}

.yjzs_intro .yjzs_address {
    height: 30px;
    line-height: 30px
}

.yjzs_intro .yjzs_address span {
    font-size: 12px;
    color: #999;
    float: right
}

.yjzs_intro .yjzs_address p {
    font-size: 14px;
    color: #ff9d00;
    float: left;
    max-width: 100px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.yjzs_intro .yjzs_star {
    height: 18px;
    white-space: nowrap
}

.yjzs_intro .yjzs_star .price {
    white-space: nowrap;
    color: #ff7000;
    font-size: 14px;
    padding-left: 5px
}

.yjzs_intro .yjzs_star .price i {
    font-size: 12px;
    font-style: normal
}

.yjzs_intro .yjzs_star span {
    display: block;
    width: 18px;
    height: 18px;
    background-position: -77px -34px;
    margin-right: 3px;
    float: left
}

.yjzs_intro .yjzs_star span.on {
    background-position: -77px -14px
}

.overlay_selected .poitinyicons .tinypopcnt {
    display: none !important
}

.overlay_selected .poitinyicons .yjzs_intro {
    display: block
}

.catalog_remind i {
    display: block;
    width: 80px;
    height: 40px;
    border: 3px dashed #fc9c27;
    border-radius: 6px;
    position: absolute;
    right: -9px;
    top: -10px
}

.catalog_remind span {
    display: block;
    width: 120px;
    height: 96px;
    background: url(/images/post/new_notes/nn_v2/bubble1.png) no-repeat;
    position: absolute;
    right: -62px;
    top: 30px
}

.catalog_remind span a {
    display: block;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    position: absolute;
    right: 18px;
    top: 0
}

.yjzs_pop_guide {
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    background-color: rgba(0, 0, 0, 0.7);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#c8000000, endColorstr=#c8000000);
    0);
    z-index: 500;
    display: none
}

.yjzs_pop_guide span {
    display: block;
    width: 620px;
    height: 460px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -310px;
    margin-top: -230px;
    background: url(/images/post/new_notes/nn_v2/bubble2.png) no-repeat
}

.yjzs_pop_guide span .ypg_close {
    display: block;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    position: absolute;
    right: 41px;
    top: 21px
}

.yjzs_pop_guide span .ypg_ok {
    display: block;
    width: 104px;
    height: 54px;
    position: absolute;
    right: 80px;
    bottom: 35px
}

.fullscreen .yjzs_pop_guide {
    display: block
}

.add_pic .target, .coll-panel .target {
    font-size: 14px;
    color: #fff;
    line-height: 31px;
    position: absolute;
    border-bottom: 2px solid #fff;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, .4);
    display: inline-block
}

.add_pic .targeLeft, .coll-panel .targeLeft {
    padding: 0 10px 0 25px
}

.add_pic .targeRight, .coll-panel .targeRight {
    padding: 0 25px 0 13px
}

.add_pic .target > a, .coll-panel .target > a {
    color: #fff
}

.add_pic .target a:hover, .coll-panel .target a:hover {
    text-decoration: underline
}

.add_pic .target .dot_white, .coll-panel .target .dot_white {
    width: 14px;
    height: 14px;
    background-color: #fff;
    border-radius: 50%;
    display: inline-block;
    position: absolute;
    left: -7px;
    bottom: -7px
}

.add_pic .targeRight .dot_white, .coll-panel .targeRight .dot_white {
    left: auto;
    right: -7px
}

.add_pic .target .dot_yellow, .coll-panel .target .dot_yellow {
    width: 32px;
    height: 32px;
    background-color: rgba(155, 234, 0, .3);
    border-radius: 50%;
    display: inline-block;
    position: absolute;
    left: -16px;
    bottom: -16px;
    -webkit-animation: light 1s ease-out infinite;
    animation: light 1s ease-out infinite
}

.add_pic .targeRight .dot_yellow, .coll-panel .targeRight .dot_yellow {
    left: auto;
    right: -17px
}

@-webkit-keyframes light {
    from {
        transform: scale(.5);
        opacity: 0
    }
    to {
        transform: scale(1);
        opacity: 1
    }
}

@keyframes light {
    from {
        transform: scale(.5);
        opacity: 0
    }
    to {
        transform: scale(1);
        opacity: 1
    }
}

.add_pic .target .star {
    width: 102px;
    height: 18px;
    background: url(/images/post/new_notes/pic_sprite.png) no-repeat 0 0;
    display: inline-block;
    vertical-align: middle;
    margin-left: 5px
}

.add_pic .target .star1 {
    width: 18px
}

.add_pic .target .star2 {
    width: 40px
}

.add_pic .target .star3 {
    width: 60px
}

.add_pic .target .star4 {
    width: 82px
}

.hotel_pro, .freedom_pro {
    padding: 20px;
    background-color: #f8f8f8;
    height: 100px;
    overflow: hidden;
    margin: 15px 0 40px
}

.hotel_pro:hover, .freedom_pro:hover {
    background-color: #f6f6f6
}

.hotel_pro a:hover, .freedom_pro a:hover {
    text-decoration: none
}

.hotel_pro .proImg, .freedom_pro .proImg {
    width: 150px;
    height: 100px;
    float: left;
    overflow: hidden;
    position: relative
}

.hotel_pro .proImg a, .freedom_pro .proImg a {
    color: #fff
}

.hotel_pro .proImg .pro_like, .freedom_pro .proImg .pro_like {
    width: 100%;
    height: 26px;
    line-height: 26px;
    position: absolute;
    left: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, .7);
    text-align: center
}

.hotel_pro .pro_like, .freedom_pro .pro_like a {
    width: 100%;
    height: 100%;
    display: block
}

.hotel_pro .pro_like i, .freedom_pro .pro_like i {
    width: 15px;
    height: 15px;
    background: url(/images/post/new_notes/pic_sprite.png) no-repeat 0 -20px;
    display: inline-block;
    vertical-align: -2px;
    margin-right: 5px
}

.hotel_pro .pro_like a:hover i, .freedom_pro .pro_like a:hover i {
    background-position: -15px -20px
}

.hotel_pro .pro_like .favored i, .freedom_pro .pro_like .favored i {
    background-position: -15px -20px
}

.hotel_pro .proCon, .freedom_pro .proCon {
    width: 470px;
    float: right;
    height: 100px;
    position: relative
}

.hotel_pro .proCon h2 {
    font-size: 18px;
    color: #ff9d00;
    font-weight: normal;
    margin-top: 4px
}

.hotel_pro .proCon .sub_title {
    color: #999;
    font-size: 14px
}

.hotel_pro .proCon .score {
    color: #ff9d00
}

.hotel_pro .proCon p {
    font-size: 14px;
    color: #666;
    margin: 0;
    height: 50px;
    overflow: hidden
}

.hotel_pro .proCon .btn {
    width: 140px;
    height: 34px;
    background-color: #ff9d00;
    border-radius: 5px;
    color: #fff;
    display: inline-block;
    text-align: center;
    line-height: 34px;
    position: absolute;
    right: 0;
    top: 0;,
}

.hotel_pro .proCon .btn i {
    font-style: normal;
    margin-left: 10px;
    display: inline-block
}

.hotel_pro .proCon .btn em {
    font-size: 22px;
    font-style: normal
}

.hotel_pro .proCon:hover .btn {
    background-color: #ffa800
}

.freedom_pro .proCon h2 {
    font-size: 18px;
    color: #666;
    font-weight: normal;
    width: 90%;
    height: 25px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    margin-top: 4px
}

.freedom_pro .proCon .sub_title {
    color: #999;
    height: 25px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.freedom_pro .price {
    color: #54afef;
    position: absolute;
    left: 0;
    bottom: 0;
    font-size: 12px
}

.freedom_pro .tips {
    width: 27px;
    height: 16px;
    background: url(/images/post/new_notes/pic_sprite.png) no-repeat -110px 0;
    color: #fff;
    line-height: 16px;
    padding-right: 7px;
    text-align: center;
    float: left;
    font-style: normal;
    margin: 5px 8px 0 0
}

.freedom_pro .money {
    font-size: 14px
}

.freedom_pro .money b {
    font-size: 22px;
    font-weight: normal
}

.freedom_pro .btn {
    width: 100px;
    height: 34px;
    background-color: #ff9d00;
    border-radius: 5px;
    color: #fff;
    display: inline-block;
    text-align: center;
    line-height: 34px;
    position: absolute;
    right: 0;
    bottom: 0
}

.freedom_pro .proCon:hover .btn {
    background-color: #ffa800
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) {
    .add_pic .target .star, .freedom_pro .tips, .hotel_pro .pro_like i {
        background-image: url(/images/post/new_notes/pic_sprite@2x.png);
        background-size: 200px 60px
    }
}

.coll-panel {
    position: fixed;
    right: 0;
    top: 0;
    bottom: 0;
    height: 100%;
    background-color: #f8f8f8;
    width: 0;
    z-index: 100
}

.coll-panel.panel-open {
    z-index: 500;
    box-shadow: 0 0 40px rgba(0, 0, 0, .5)
}

.coll-panel.panel-open .coll-nav {
    visibility: visible
}

.coll-content {
    padding: 20px 0 20px 100px;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    overflow: auto
}

.coll-wrap {
    width: 1000px;
    margin: 0 auto
}

.coll-panel .coll-btn {
    position: absolute;
    right: 100%;
    top: 50%;
    margin-top: -85px;
    width: 120px;
    height: 170px;
    background-color: #8d8e8f;
    background-color: rgba(129, 130, 131, .95);
    color: #fff;
    z-index: 100;
    transition: left .3s ease-in-out 0s;
    -webkit-transition: left .3s ease-in-out 0s;
    -moz-transition: left .3s ease-in-out 0s;
    -o-transition: left .3s ease-in-out 0s;
    overflow: hidden;
    border-radius: 5px 0 0 5px
}

.coll-panel .coll-btn:hover {
    color: #fff
}

.coll-panel .coll-btn i {
    width: 19px;
    height: 31px;
    background: url(/images/post/new_notes/nn_v2/nn_sprite_v25.png) -80px -163px no-repeat;
    position: absolute;
    left: 10px;
    top: 50%;
    margin-top: -15px
}

.coll-panel .coll-btn strong, .coll-btn span {
    display: inline-block;
    vertical-align: middle;
    position: absolute
}

.coll-panel .coll-btn strong {
    width: 30px;
    left: 52px;
    top: 20px;
    font-size: 22px;
    font-weight: normal;
    line-height: 26px
}

.coll-panel .coll-btn span {
    width: 50px;
    left: 50px;
    top: 52px;
    font-size: 20px;
    line-height: 30px
}

.panel-open .coll-btn {
    width: 40px;
    left: auto
}

.panel-open .coll-btn i {
    left: 10px;
    background-position: -102px -163px
}

.panel-open .coll-btn:hover i {
    left: 5px;
    animation: moving 1s ease-in-out infinite;
    -webkit-animation: moving 1s ease-in-out infinite;
    -moz-animation: moving 1s ease-in-out infinite;
    -o-animation: moving 1s ease-in-out infinite
}

.coll-panel .author {
    font-size: 16px
}

.coll-panel .maintitle {
    margin: 15px 0;
    font-size: 24px;
    color: #333;
    font-weight: normal
}

.coll-panel .subtitle {
    margin: 10px 0;
    font-size: 18px
}

.coll-panel .subtitle .num {
    margin-right: 10px;
    font-size: 24px;
    color: #ff9d00;
    font-weight: bold;
    vertical-align: middle
}

.coll-panel .subtitle span {
    color: #ff9d00
}

.coll-panel .summary {
    font-size: 14px;
    line-height: 24px;
    position: relative
}

.coll-panel .summary:before, .coll-panel .summary:after {
    content: '';
    display: inline-block;
    margin-right: 10px;
    width: 19px;
    height: 15px;
    background: url(/images/post/new_notes/coll/coll-sprites.png) no-repeat 0 0;
    overflow: hidden;
    vertical-align: middle
}

.coll-panel .summary:after {
    position: absolute;
    right: 0;
    margin: 0;
    bottom: 0;
    background-position: -20px 0
}

.coll-nav {
    position: absolute;
    right: 50%;
    top: 38%;
    margin-right: 470px;
    width: 100%;
    text-align: right;
    line-height: 20px;
    font-size: 14px;
    visibility: hidden
}

.coll-nav:after {
    content: '';
    position: absolute;
    width: 1px;
    top: 15px;
    bottom: 15px;
    right: 5px;
    background-color: #e5e5e5
}

.coll-nav li {
    margin: 10px 0
}

.coll-nav li a {
    display: block;
    color: #666;
    padding-right: 20px;
    position: relative
}

.coll-nav li a:hover {
    color: #ff9d00;
    text-decoration: none
}

.coll-nav li i {
    position: absolute;
    right: 2px;
    top: 6px;
    width: 7px;
    height: 7px;
    background-color: #aaa;
    border-radius: 50%;
    z-index: 2
}

.coll-nav li a:hover i {
    background-color: #ff9d00
}

.coll-nav li.on a {
    color: #ff9d00
}

.coll-nav li.on i {
    width: 11px;
    height: 11px;
    right: 0;
    top: 4px;
    background-color: #ff9d00
}

.albumCon {
    width: 100%;
    height: 680px;
    margin: 20px 0 35px;
    box-shadow: 0 1px 5px rgba(0, 0, 0, .1)
}

.albumBox {
    width: 700px;
    height: 100%;
    background-color: #000;
    float: left;
    position: relative
}

.albumBox .albumImg {
    width: 100%;
    height: 600px;
    overflow: hidden
}

.albumBox .albumImg ul {
    width: 9999px;
    height: 100%
}

.albumBox .albumImg li {
    width: 700px;
    float: left;
    height: 600px
}

.albumBox .albumImg .va-middle {
    display: table-cell;
    vertical-align: middle;
    position: relative;
    text-align: center;
    *display: block;
    *font-size: 594px;
    *font-family: Arial;
    width: 700px;
    height: 600px
}

.albumHotel .albumImg {
    height: 600px
}

.albumHotel .btn-fav {
    background-color: #5cb2e4 !important
}

.albumBox .albumImg li img {
    vertical-align: middle
}

.albumBox .info {
    width: 352px;
    height: 30px;
    padding: 0 12px;
    position: absolute;
    left: 50%;
    margin-left: -188px;
    top: 504px;
    background-color: rgba(0, 0, 0, 0.7);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#64000000, endColorstr=#64000000);
    overflow: hidden;
    font-size: 14px
}

.albumBox .info a {
    display: inline-block;
    padding: 0 9px;
    color: #fff;
    line-height: 30px;
    vertical-align: middle
}

.albumBox .info a:hover {
    color: #ff9d00
}

.albumBox .info a i {
    display: block;
    float: left;
    margin-right: 5px;
    width: 18px;
    height: 30px;
    background: url(/images/activity/new_notes/album/icon.png) no-repeat
}

.albumBox .info a i.i1 {
    background-position: 0 0
}

.albumBox .info a:hover i.i1 {
    background-position: 0 -30px
}

.albumBox .info a i.i2 {
    background-position: -18px 0
}

.albumBox .info a:hover i.i2 {
    background-position: -18px -30px
}

.albumBox .info a i.i3 {
    background-position: -36px 0
}

.albumBox .info a:hover i.i3 {
    background-position: -36px -30px
}

.albumBox .exifBox {
    width: 238px;
    background-color: #feffe1;
    border: 1px solid #efeef2;
    position: absolute;
    top: 534px;
    left: 163px;
    padding: 8px 12px;
    text-align: left;
    z-index: 10
}

.albumBox .albumNum {
    font-size: 22px;
    font-weight: bold;
    color: #fff;
    position: absolute;
    right: 20px;
    top: 18px
}

.albumBox .albumNum i {
    color: #ff9d00
}

.albumBox .navi {
    width: 30px;
    height: 60px;
    background: url(/images/activity/new_notes/album/navi.png) no-repeat;
    position: absolute;
    top: 308px;
    cursor: pointer
}

.albumBox .prev {
    background-position: 0 0;
    left: 15px
}

.albumBox .next {
    background-position: -30px 0;
    right: 15px;
    margin-top: 0
}

.albumBox .zan {
    width: 64px;
    height: 64px;
    position: absolute;
    top: 306px;
    right: 60px;
    cursor: pointer
}

.albumBox .zan a {
    display: block;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-image: url(/images/activity/new_notes/album/zan.png)
}

.albumBox .zan a:hover {
    background-position: 0 -64px
}

.albumBox .zan a.yizan {
    background-position: 0 -128px
}

.albumBox .albumThumb {
    width: 100%;
    height: 80px;
    position: absolute;
    left: 0;
    bottom: 0;
    overflow: hidden
}

.albumBox .albumThumb ul {
    width: 9999px
}

.albumBox .albumThumb ul li {
    width: 80px;
    height: 80px;
    float: left;
    margin-right: 3px;
    position: relative;
    cursor: pointer
}

.albumBox .albumThumb ul li i {
    display: block;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.2);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#14000000, endColorstr=#14000000);
    position: absolute;
    left: 0;
    top: 0
}

.albumBox .albumThumb ul li.current i {
    display: none
}

.albumBox .albumThumb ul em {
    display: block;
    width: 76px;
    height: 76px;
    border: 2px solid #ff9d00;
    position: absolute;
    left: 0;
    top: 0
}

.albumInfo {
    width: 298px;
    height: 678px;
    background-color: #fff;
    float: right;
    border: 1px solid #e5e5e5;
    border-left: 0 none
}

.place {
    padding: 20px 20px 14px
}

.place .placeTit {
    line-height: 20px
}

.place .btn-fav {
    float: right;
    margin-top: -5px;
    width: 85px;
    height: 32px;
    background-color: #ff9d00;
    border-radius: 16px;
    overflow: hidden;
    line-height: 32px;
    font-size: 14px;
    color: #fff;
    text-align: center
}

.place .btn-fav i {
    display: inline-block;
    margin-left: 5px;
    width: 20px;
    height: 20px;
    background: url(/images/post/new_notes/coll/coll-sprites.png) no-repeat 0 -20px;
    overflow: hidden;
    vertical-align: -5px;
    *vertical-align: middle
}

.place .btn-fav:hover {
    text-decoration: none
}

.place .btn-fav:hover i, .place .btn-fav.fav-on i {
    background-position: -20px -20px
}

.place .btn-fav.fav-on {
    cursor: default
}

.place .placeTit p {
    height: 20px;
    font-size: 16px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #333
}

.place .placeTit span {
    display: block;
    height: 20px;
    font-size: 14px;
    line-height: 20px;
    color: #999;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.place .placeText {
    font-size: 14px;
    line-height: 24px;
    color: #666;
    height: 96px;
    overflow: hidden;
    position: relative
}

.place .placeText:before, .place .placeText:after {
    content: '';
    display: inline-block;
    margin-right: 5px;
    width: 10px;
    height: 6px;
    background: url(/images/post/new_notes/coll/coll-sprites.png) no-repeat -40px 0;
    overflow: hidden;
    vertical-align: middle;
    vertical-align: middle
}

.place .placeText:after {
    position: absolute;
    right: 0;
    bottom: 8px;
    background-position: -50px 0
}

.place .placeText a {
    padding-left: 10px;
    color: #ff9d00
}

.place .placeBtn {
    display: block;
    margin-top: 15px;
    width: 198px;
    height: 32px;
    line-height: 32px;
    text-align: center;
    border: 1px solid #4eadf2;
    border-radius: 4px;
    font-size: 14px
}

.place .placeBtn p {
    display: block;
    width: 129px;
    color: #ff7000;
    float: left
}

.place .placeBtn p i {
    font-size: 22px;
    font-style: normal;
    font-weight: bold
}

.place .placeBtn span {
    display: block;
    width: 69px;
    float: left;
    background-color: #4eadf2;
    color: #fff
}

.place .placeBtn:hover {
    border-color: #0a89e4
}

.place .placeBtn:hover span {
    background-color: #0a89e4
}

.place .placeBtn2 {
    margin: 15px auto 0;
    display: block;
    width: 130px;
    height: 32px;
    border: 1px solid #4eadf2;
    border-radius: 2px;
    text-align: center;
    line-height: 32px;
    color: #4eadf2
}

.place .placeBtn2:hover {
    text-decoration: none;
    background-color: #4eadf2;
    color: #fff
}

.place .placeBtn3 {
    margin: 15px auto 0;
    display: block;
    width: 130px;
    height: 32px;
    border: 1px solid #ff9d00;
    border-radius: 2px;
    text-align: center;
    line-height: 32px;
    color: #ff9d00
}

.place .placeBtn3:hover {
    text-decoration: none;
    background-color: #ff9d00;
    color: #fff
}

.place .placeBtn4 {
    border-color: #ff9d00
}

.place .placeBtn4 span {
    background-color: #ff9d00
}

.place .placeBtn4:hover {
    border-color: #ff9d00
}

.place .placeBtn4:hover span {
    background-color: #ff9d00
}

.funcWrap {
    padding-left: 6px;
    height: 24px;
    padding-bottom: 12px;
    clear: both;
    position: relative;
    z-index: 2
}

.funcWrap a.func {
    display: block;
    width: 60px;
    height: 24px;
    padding-left: 14px;
    float: left
}

.funcWrap a.func i {
    display: block;
    width: 16px;
    height: 24px;
    background: url(/images/activity/new_notes/album/func.png) no-repeat;
    float: left;
    margin-right: 5px
}

.funcWrap a.func1 i {
    background-position: 0 0
}

.funcWrap a.func1:hover i, .funcWrap a.yizan i {
    background-position: 0 -24px
}

.funcWrap a.func2 i {
    background-position: -16px 0
}

.funcWrap a.func2:hover i {
    background-position: -16px -24px
}

.funcWrap a.func3 i {
    background-position: -32px 0
}

.funcWrap a.func3:hover i {
    background-position: -32px -24px
}

.funcWrap a.func span {
    display: block;
    width: 39px;
    color: #999;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    float: left
}

.funcWrap a.func:hover span, .funcWrap a.yizan span {
    color: #ff9d00
}

.funcWrap .share {
    width: 132px;
    padding: 7px 9px;
    height: 37px;
    border: 1px solid #d6d6d6;
    border-radius: 6px;
    background-color: #fff;
    position: absolute;
    left: 50px;
    bottom: -44px;
    z-index: 10;
    display: none
}

.funcWrap .share a {
    display: block;
    float: left;
    width: 36px;
    height: 37px;
    margin-right: 12px;
    background: url(/images/activity/new_notes/album/share.jpg) no-repeat;
    text-indent: -9999px
}

.funcWrap .share a.sina {
    background-position: 0 0
}

.funcWrap .share a.qqzone {
    background-position: -48px 0
}

.funcWrap .share a.weixin {
    margin-right: 0;
    background-position: -96px 0
}

.place + .comments {
    border-top: 1px solid #efefef
}

.comments {
    margin-left: 20px;
    overflow: auto;
    position: relative;
    z-index: 1
}

.comments li {
    padding: 10px 20px 10px 58px;
    min-height: 48px;
    border-bottom: 1px solid #efefef;
    position: relative
}

.comments li .cmtImg {
    width: 48px;
    height: 48px;
    position: absolute;
    left: 0;
    top: 10px
}

.comments li .cmtImg img {
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 50%
}

.comments li .cmtInfo {
    height: 28px;
    font-size: 12px;
    line-height: 28px;
    color: #999;
    overflow: hidden
}

.comments li .cmtInfo a.name {
    color: #ff9d00
}

.comments li .cmtText {
    font-size: 12px;
    line-height: 20px;
    color: #666
}

.comments li .cmtText .cmtCon {
    display: inline
}

.comments li .cmtText a.reply, .comments li .cmtText a.dele {
    padding-left: 10px;
    color: #999
}

.comments li .cmtText a.reply:hover, .comments li .cmtText a.dele:hover {
    color: #ff9d00
}

.at_someone {
    padding: 10px
}

.hotel .place .placeTit {
    height: 52px
}

.hotel .comments {
    max-height: 232px
}

.viewSpot .place .placeTit {
    height: 40px
}

.viewSpot .comments {
    max-height: 294px
}

.noPoi .funcWrap {
    padding-top: 30px
}

.noPoi .comments {
    max-height: 434px
}

.cmtFormWrap {
    margin: 20px 0
}

.cmtForm {
    width: 252px;
    height: 28px;
    color: #aaa;
    padding: 5px 0;
    border-radius: 4px;
    border: 0;
    border: 1px solid #efefef;
    background-color: #efefef;
    margin: 0 auto;
    position: relative
}

.cmtForm span.face, .cmtForm span.at {
    display: none;
    float: left;
    width: 36px;
    height: 36px;
    background: url(/images/activity/new_notes/album/cmt.png) no-repeat;
    cursor: pointer
}

.cmtForm span.face {
    background-position: 0 0
}

.cmtForm span.at {
    background-position: -36px 0
}

.cmtForm textarea {
    display: block;
    clear: both;
    width: 245px;
    margin-left: 6px;
    height: 28px;
    font-size: 12px;
    line-height: 28px;
    color: #999;
    background: 0;
    border: 0;
    outline: 0;
    padding: 0;
    resize: none
}

.cmtForm.focus {
    height: 92px;
    padding: 3px 0;
    border: 1px solid #ffc65a;
    background-color: #fff;
    box-shadow: 0 0 4px 1px #ffc65a;
    -webkit-transition: all .5s;
    transition: all .5s
}

.cmtForm.focus span {
    display: block
}

.cmtForm.focus textarea {
    display: block;
    clear: both;
    width: 245px;
    margin-left: 7px;
    height: 56px;
    font-size: 12px;
    line-height: 24px;
    color: #999;
    border: 0;
    outline: 0;
    padding: 0
}

.cmtFormWrap .publish {
    display: block;
    width: 254px;
    margin: 10px auto 0;
    height: 30px;
    background: #ff9d00;
    border-radius: 4px;
    font-size: 16px;
    text-align: center;
    line-height: 30px;
    color: #fff;
    border: 0;
    padding: 0
}

.spinner {
    margin: 290px auto 0;
    width: 50px;
    height: 60px;
    text-align: center
}

.spinner > div {
    background-color: #666;
    height: 100%;
    width: 6px;
    display: inline-block;
    -webkit-animation: stretchdelay 1.2s infinite ease-in-out;
    animation: stretchdelay 1.2s infinite ease-in-out
}

.spinner .rect2 {
    -webkit-animation-delay: -1.1s;
    animation-delay: -1.1s
}

.spinner .rect3 {
    -webkit-animation-delay: -1.0s;
    animation-delay: -1.0s
}

.spinner .rect4 {
    -webkit-animation-delay: -0.9s;
    animation-delay: -0.9s
}

.spinner .rect5 {
    -webkit-animation-delay: -0.8s;
    animation-delay: -0.8s
}

@-webkit-keyframes stretchdelay {
    0%, 40%, 100% {
        -webkit-transform: scaleY(0.4)
    }
    20% {
        -webkit-transform: scaleY(1.0)
    }
}

@keyframes stretchdelay {
    0%, 40%, 100% {
        transform: scaleY(0.4);
        -webkit-transform: scaleY(0.4)
    }
    20% {
        transform: scaleY(1.0);
        -webkit-transform: scaleY(1.0)
    }
}

.ofHidden {
    overflow: hidden !important
}

.travel_others {
    background-color: #f8f8f8;
    border-radius: 8px;
    padding: 0 20px 30px;
    margin-bottom: 30px;
    position: relative
}

.travel_others .to_closed {
    display: block;
    width: 18px;
    height: 18px;
    border: 1px solid #aeaeae;
    font-size: 14px;
    text-align: center;
    line-height: 20px;
    color: #aeaeae;
    border-radius: 50%;
    position: absolute;
    right: 10px;
    top: 10px
}

.travel_others .to_closed:hover {
    text-decoration: none
}

.travel_others p {
    font-size: 12px;
    color: #666;
    line-height: 30px;
    padding: 22px 0 14px
}

.travel_others p span {
    font-size: 18px;
    color: #ff9a00
}

.travel_others li {
    font-size: 14px;
    color: #666;
    line-height: 38px
}

.travel_others li img {
    width: 16px;
    height: 16px;
    border-radius: 50%;
    margin-right: 8px
}

.travel_others li a {
    color: #ff8a00
}

.travel_others li span {
    font-size: 12px;
    color: #999;
    margin-left: 6px
}

.uppic-panel {
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 400;
    background-color: #fff
}

.uppic-wrapper {
    width: 980px;
    margin: 0 auto
}

.uppic-close {
    position: absolute;
    right: 30px;
    top: 30px;
    z-index: 10;
    width: 50px;
    height: 50px;
    background: url(/images/post/new_notes/nn_v2/uppic-sprites2.png) no-repeat -245px 0;
    cursor: pointer
}

.uppic-title {
    margin: 25px 0;
    font-size: 16px
}

.uppic-title strong {
    font-size: 22px;
    color: #333;
    font-weight: normal
}

.uppic-title span {
    color: #ff9d00
}

.btn-upClose {
    position: absolute;
    right: 0;
    top: 0;
    width: 20px;
    height: 20px;
    background: url(/images/post/new_notes/sprite_v35.png) no-repeat -442px 0;
    visibility: hidden;
    z-index: 5;
    cursor: pointer
}

.uppic-list ul {
    margin-right: -10px;
    *zoom: 1
}

.uppic-list li {
    float: left;
    display: inline;
    margin: 0 10px 10px 0;
    width: 100px;
    height: 100px;
    position: relative;
    overflow: hidden;
    cursor: pointer
}

.uppic-list li.hide {
    display: none
}

.uppic-list li img {
    width: 100px;
    height: 100px
}

.uppic-list .upitem-mask {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#AB000000, endColorstr=#AB000000)
}

.uppic-list .mask-txt {
    position: absolute;
    left: 0;
    top: 50%;
    right: 0;
    width: 100%;
    margin-top: -9px;
    text-align: center;
    line-height: 18px;
    color: #fff;
    font-size: 16px
}

.uppic-list .mask-txt-line2 {
    margin-top: -18px;
    font-size: 14px
}

.uppic-list .mask-bar {
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 16px;
    background-color: #9abd5b;
    overflow: hidden
}

.uppic-list .mask-bar span {
    display: block;
    height: 16px;
    background-color: #add75c
}

.uppic-list .i-selected {
    position: absolute;
    width: 48px;
    height: 36px;
    left: 50%;
    top: 50%;
    margin: -18px 0 0 -24px;
    background: url(/images/post/new_notes/sprite_v35.png) no-repeat -349px -132px;
    overflow: hidden
}

.uppic-list .mask-selected, .uppic-list .mask-hover {
    visibility: hidden
}

.uppic-list .ui-selected .mask-selected, .uppic-list li:hover .mask-hover {
    visibility: visible;
    display: inline-block
}

.uppic-list li:hover .btn-upClose {
    visibility: visible
}

.uppic-list .s-failed {
    width: 65px;
    height: 65px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -40px 0 0 -33px;
    text-align: center;
    color: #fff
}

.uppic-list .s-failed i {
    width: 40px;
    height: 40px;
    display: block;
    margin: 0 auto 10px;
    background: url(/images/post/new_notes/sprite_v35.png) -305px 0 no-repeat
}

.uppic-list li .upitem-mask {
    display: none
}

.uppic-list li.wait .mask-wait {
    display: block
}

.uppic-list li.progress .mask-progress {
    display: block
}

.uppic-list li.failed .mask-failed {
    display: block
}

.uppic-list .btn-upAdd {
    display: block;
    height: 98px;
    border: 1px solid #f6f6f8;
    background-color: #f6f6f8;
    text-align: center;
    position: relative
}

.uppic-list .btn-upAdd:hover {
    background-color: #fff;
    border-color: #ff9d00
}

.uppic-list .btn-upAdd i {
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -17px 0 0 -20px;
    display: inline-block;
    width: 41px;
    height: 33px;
    background: url(/images/post/new_notes/nn_v2/uppic-sprites2.png) no-repeat 0 0;
    overflow: hidden
}

.uppic-list .btn-upAdd:hover i {
    background-position: -50px 0
}

.uppic-panel .nothing {
    padding: 60px 0;
    text-align: center;
    font-size: 20px;
    color: #999
}

.uppic-panel .nothing i {
    display: inline-block;
    margin-right: 10px;
    width: 113px;
    height: 97px;
    background: url(/images/post/new_notes/nn_v2/uppic-sprites2.png) no-repeat left bottom;
    overflow: hidden;
    vertical-align: -25px;
    *vertical-align: middle
}

.btm-action {
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    border-top: 1px solid #e5e5e5;
    background-color: #fff
}

.btm-action .btn-primary {
    float: right;
    height: 40px;
    padding: 0 40px;
    background-color: #ff9d00;
    text-align: center;
    border-radius: 3px;
    font-size: 16px;
    line-height: 40px;
    color: #fff
}

.btm-action .btn-primary:hover {
    text-decoration: none;
    background-color: #ff8a00
}

.btm-action .btn-loading:hover {
    background-color: #ff9d00
}

.btm-action .btn-loading .i-loading {
    display: inline-block;
    width: 60px;
    height: 14px;
    background: url(/images/post/new_notes/nn_v2/upload-img-dot.gif) no-repeat 0 0;
    overflow: hidden;
    vertical-align: middle;
    cursor: pointer
}

.btm-cnt {
    width: 980px;
    margin: 0 auto
}

.btm-upbar .btm-cnt {
    padding: 40px 0;
    height: 40px;
    line-height: 40px
}

.btm-upbar .water-mark {
    display: block;
    float: left;
    font-size: 14px;
    color: #666
}

.btm-upbar .switch {
    display: inline-block;
    margin: 0 5px;
    width: 28px;
    height: 14px;
    background-color: #96c79b;
    border-radius: 14px;
    transition: background-color .1s ease-out .3s;
    -webkit-transition: background-color .1s ease-out .3s;
    cursor: pointer;
    position: relative;
    vertical-align: -2px;
    *vertical-align: middle
}

.btm-upbar .switch i {
    width: 12px;
    height: 12px;
    background-color: #fff;
    position: absolute;
    top: 1px;
    left: 15px;
    border-radius: 12px;
    transition: left .3s ease-out 0s;
    -webkit-transition: left .3s ease-out 0s
}

.btm-upbar .switch.off {
    background-color: #ccc
}

.btm-upbar .switch.off i {
    left: 1px
}

.btm-upbar .up-nums {
    float: right;
    margin: 0 20px 0 15px;
    font-size: 16px
}

.btm-upbar .up-nums span {
    color: #ff9d00
}

.btm-upbar .upload-bar {
    float: right;
    display: inline;
    margin-top: 12px;
    width: 110px;
    height: 16px;
    background-color: #f6f6f6;
    overflow: hidden
}

.btm-upbar .upload-bar span {
    display: block;
    height: 16px;
    background-color: #add75c
}

.btm-addplace {
    height: 280px;
    z-index: 20;
    -webkit-transition: height .3s linear 0s;
    transition: height .3s linear 0s
}

.btm-addplace .place-title {
    padding-top: 20px;
    margin-bottom: 20px;
    line-height: 32px
}

.btm-addplace .place-title h3 {
    float: left;
    font-size: 16px;
    color: #333;
    font-weight: normal
}

.btm-addplace .place-title .i-place {
    display: inline-block;
    margin-right: 10px;
    width: 32px;
    height: 32px;
    background: url(/images/post/new_notes/nn_v2/uppic-sprites2.png) no-repeat -50px -40px;
    overflow: hidden;
    vertical-align: middle
}

.btm-addplace .place-title span {
    float: right;
    font-size: 14px;
    color: #999
}

.btm-addplace .place-title span i, .btm-related .hd i {
    position: absolute;
    margin: -10px 0 0 -30px;
    width: 23px;
    height: 28px;
    background: url(/images/post/new_notes/nn_v2/uppic-sprites2.png) no-repeat 0 -40px;
    overflow: hidden
}

.place-search {
    margin-bottom: 80px;
    border: 1px solid #efefef;
    background-color: #efefef;
    border-radius: 3px;
    padding: 0 50px 10px 20px;
    position: relative
}

.place-search .i-search {
    position: absolute;
    top: 16px;
    right: 19px;
    width: 16px;
    height: 16px;
    background: url(/images/post/new_notes/nn_v2/uppic-sprites2.png) no-repeat 0 -80px;
    overflow: hidden
}

.place-search .added-item {
    display: inline-block;
    margin: 10px 10px 0 0;
    padding: 0 30px 0 20px;
    line-height: 24px;
    border: 1px solid #e5e5e5;
    border-radius: 12px;
    background-color: #f6f6f8;
    font-size: 14px;
    color: #666;
    position: relative;
    cursor: pointer
}

.place-search .added-item i {
    position: absolute;
    right: 10px;
    top: 5px;
    width: 14px;
    height: 14px;
    line-height: 14px;
    overflow: hidden;
    color: #aaa;
    font-size: 12px;
    text-align: center
}

.place-search .added-item:hover {
    background-color: #ff9d00;
    border-color: #ff9d00;
    color: #fff
}

.place-search .added-item:hover i {
    color: #fff
}

.place-search .inp-txt {
    width: 300px;
    height: 26px;
    margin: 10px 0 0;
    padding: 0;
    border: 0 none;
    background: 0;
    line-height: 26px;
    font-size: 14px;
    color: #666
}

.place-search .inp-txt:focus {
    outline: 0
}

.place-search.focus {
    border-color: #ff9d00;
    box-shadow: 0 0 5px rgba(255, 157, 0, .5);
    background-color: #fff
}

.place-search.focus .i-search {
    background-position: -25px -80px
}

.place-search ul {
    position: absolute;
    left: -1px;
    top: auto;
    width: 100%;
    height: 200px;
    margin-top: 12px;
    z-index: 100;
    padding: 0;
    border: 1px solid #e5e5e5;
    background-color: #fff;
    border-radius: 3px;
    overflow: auto;
    line-height: 40px;
    color: #666;
    font-size: 14px
}

.place-search ul li {
    padding: 0 20px;
    cursor: pointer
}

.place-search ul span {
    margin-left: 10px;
    color: #999
}

.place-search ul li.on, .place-search ul li:hover {
    background-color: #f6f6f6;
    color: #ff9d00
}

.place-search ul li.not_found {
    padding-left: 20px
}

.place-search ul .not_found:hover {
    background-color: #fff6df
}

.uppic-panel .operate {
    margin-top: 25px
}

.uppic-overlay {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
    background: rgba(0, 0, 0, 0.6);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#AB000000, endColorstr=#AB000000)
}

.addplace-expand {
    height: 580px;
    z-index: 20
}

.addplace-expand .place-search {
    margin-bottom: 30px
}

.place-rec .hd {
    margin-bottom: 15px;
    line-height: 34px;
    font-size: 16px;
    color: #999
}

.place-rec .rec-nav {
    float: right
}

.place-rec .rec-nav a {
    display: inline-block;
    margin-left: 25px;
    padding: 0 5px;
    color: #666
}

.place-rec .rec-nav a:hover {
    text-decoration: none;
    color: #ff9d00
}

.place-rec .rec-nav .on {
    color: #ff9d00;
    border-bottom: 3px solid #fc9c27
}

.place-rec .bd li {
    float: left;
    margin: 0 10px 10px 0;
    display: inline;
    width: 108px;
    height: 108px;
    border: 1px dashed #e5e5e5;
    text-align: center;
    cursor: pointer;
    font-size: 14px;
    color: #999
}

.place-rec .bd li:hover, .place-rec .bd li.on {
    border-style: solid
}

.uppic-panel .icon-type {
    display: inline-block;
    margin: 25px 0 15px;
    width: 32px;
    height: 32px;
    background: url(/images/post/new_notes/nn_v2/uppic-sprites2.png) no-repeat 0 -100px;
    vertical-align: top
}

.uppic-panel li:hover .icon-hotel, .uppic-panel li.on .icon-hotel, .place-slide-box li .icon-hotel, .btm-placeManage .icon-hotel {
    background-position: 0 -135px
}

.uppic-panel li .icon-scenic {
    background-position: -35px -100px
}

.uppic-panel li:hover .icon-scenic, .uppic-panel li.on .icon-scenic, .place-slide-box li .icon-scenic, .btm-placeManage .icon-scenic {
    background-position: -35px -135px
}

.uppic-panel li .icon-food {
    background-position: -70px -100px
}

.uppic-panel li:hover .icon-food, .uppic-panel li.on .icon-food, .place-slide-box li .icon-food, .btm-placeManage .icon-food {
    background-position: -70px -135px
}

.uppic-panel li .icon-metro {
    background-position: -105px -100px
}

.uppic-panel li:hover .icon-metro, .uppic-panel li.on .icon-metro, .place-slide-box li .icon-metro, .btm-placeManage .icon-metro {
    background-position: -105px -135px
}

.uppic-panel li .icon-play {
    background-position: -140px -100px
}

.uppic-panel li:hover .icon-play, .uppic-panel li.on .icon-play, .place-slide-box li .icon-play, .btm-placeManage .icon-play {
    background-position: -140px -135px
}

.uppic-panel li .icon-shopping {
    background-position: -175px -100px
}

.uppic-panel li:hover .icon-shopping, .uppic-panel li.on .icon-shopping, .place-slide-box li .icon-shopping, .btm-placeManage .icon-shopping {
    background-position: -175px -135px
}

.uppic-panel li .icon-airport {
    background-position: -210px -100px
}

.uppic-panel li:hover .icon-airport, .uppic-panel li.on .icon-airport, .place-slide-box li .icon-airport, .btm-placeManage .icon-airport {
    background-position: -210px -135px
}

.place-rec .bd .p-title {
    display: block;
    padding: 0 5px;
    line-height: 18px;
    height: 36px;
    overflow: hidden
}

.btm-related .btm-cnt {
    height: 240px;
    padding: 20px 0
}

.btm-related .hd {
    margin-bottom: 10px;
    text-align: right;
    font-size: 14px;
    color: #999;
    line-height: 32px
}

.btm-related .bd {
    height: 142px;
    margin-bottom: 14px;
    padding: 0 30px;
    position: relative
}

.btm-related .btn-slide {
    width: 16px;
    height: 142px;
    cursor: pointer
}

.btm-related .btn-slide i {
    display: inline-block;
    margin-top: 58px;
    width: 16px;
    height: 27px;
    background: url(/images/post/new_notes/nn_v2/uppic-sprites2.png) no-repeat -100px 0;
    overflow: hidden
}

.btm-related .btn-slide-left {
    float: left;
    margin-left: -30px
}

.btm-related .btn-slide-left:hover i {
    background-position: -100px -30px
}

.btm-related .btn-slide-right {
    float: right;
    margin-right: -30px
}

.btm-related .btn-slide-right i {
    background-position: -130px 0
}

.btm-related .btn-slide-right:hover i {
    background-position: -130px -30px
}

.btm-related .disabled {
    cursor: default
}

.btm-related .btn-slide-left.disabled i, .btm-related .btn-slide-left.disabled:hover i {
    background-position: -100px -60px
}

.btm-related .btn-slide-right.disabled i, .btm-related .btn-slide-right.disabled:hover i {
    background-position: -130px -60px
}

.btm-related .item-addplace {
    float: left;
    display: inline;
    margin-right: 14px;
    width: 112px;
    height: 140px;
    border: 1px dashed #ff9d00;
    text-align: center;
    font-size: 14px;
    color: #666;
    cursor: pointer
}

.btm-related .item-addplace i {
    display: block;
    margin: 40px auto 20px;
    width: 37px;
    height: 35px;
    background: url(/images/post/new_notes/nn_v2/uppic-sprites2.png) no-repeat -160px 0;
    overflow: hidden
}

.btm-related .item-addplace:hover {
    border-style: solid;
    box-shadow: 0 0 5px rgba(255, 157, 0, .5);
    color: #ff9d00
}

.place-slide-box {
    width: 792px;
    height: 142px;
    overflow: hidden;
    position: relative
}

.place-slide-box ul {
    margin-left: 1px;
    width: 99999px;
    position: relative
}

.place-slide-box li {
    float: left;
    display: inline;
    margin-left: -1px;
    width: 112px;
    height: 140px;
    border: 1px dashed #e5e5e5;
    text-align: center;
    position: relative
}

.place-slide-box li.hover {
    border-style: solid;
    border-color: #0f0;
    z-index: 1
}

.place-slide-box .img {
    margin: 6px 6px 0;
    width: 100px;
    height: 100px;
    overflow: hidden;
    background-color: #f6f6f6
}

.place-slide-box .img img {
    width: 100px
}

.place-slide-box .icon-type {
    position: absolute;
    left: 50%;
    margin: 0 0 0 -16px;
    top: 40px
}

.place-slide-box .p-title {
    height: 34px;
    padding: 0 5px;
    line-height: 34px;
    font-size: 14px;
    color: #999;
    overflow: hidden
}

.place-slide-box li:hover .btn-upClose {
    visibility: visible
}

.place-slide-box .item-have {
    cursor: pointer
}

.btm-related .operate {
    margin: 0
}

.btm-placeManage {
    height: 580px;
    z-index: 20
}

.btm-placeManage .hd {
    padding-top: 30px;
    margin-bottom: 20px;
    height: 32px;
    line-height: 32px;
    font-size: 16px
}

.btm-placeManage .icon-type {
    margin: 0 10px 0 0
}

.btm-placeManage span {
    color: #ff9d00
}

.btm-placeManage .bd {
    height: 420px;
    margin-bottom: 20px
}

.btm-placeManage .bd ul {
    height: 420px
}

.btm-placeManage .operate {
    margin: 0
}

.art-add-video, .art-add-img {
    width: 678px;
    border: 1px solid #e5e5e5;
    box-shadow: 0 3px 3px rgba(0, 0, 0, .1)
}

.art-pop-box {
    padding: 40px 35px;
    overflow: hidden;
    *zoom: 1
}

.art-btn-upload {
    display: inline-block;
    margin-top: 15px;
    width: 240px;
    height: 60px;
    line-height: 60px;
    text-align: center;
    font-size: 20px;
    color: #fff;
    background-color: #ff9d00;
    border-radius: 3px
}

.art-btn-upload:hover {
    background-color: #ff8a00;
    text-decoration: none;
    color: #fff
}

.video-local {
    text-align: center
}

.icon-upVideo, .icon-upImg {
    display: inline-block;
    margin-right: 10px;
    width: 28px;
    height: 28px;
    background: url(/images/post/new_notes/nn_v2/nn_sprite_v25.png) no-repeat -300px 0;
    vertical-align: -6px;
    *vertical-align: middle
}

.icon-upImg {
    width: 29px;
    height: 25px;
    background-position: -300px -30px
}

.video-local .art-tips {
    margin: 15px 0
}

.art-tips {
    color: #999;
    font-size: 12px;
    text-align: center
}

.video-url {
    margin-top: 50px
}

.video-url span {
    float: left;
    margin-right: 10px;
    font-size: 18px;
    line-height: 48px;
    color: #666
}

.inp-vurl {
    float: left;
    height: 26px;
    border: 1px solid #e5e5e5;
    width: 374px;
    padding: 10px 17px;
    line-height: 26px;
    font-size: 14px;
    color: #666
}

.inp-vurl:focus {
    border-color: #ffb133;
    box-shadow: 0 0 3px rgba(255, 177, 51, .8)
}

.video-url .btn_c {
    margin-left: 10px;
    width: 80px;
    padding: 0;
    height: 48px;
    line-height: 48px;
    background-color: #ff9d00;
    font-size: 16px;
    text-align: center
}

.video-url .btn_c:hover {
    background-color: #ff8a00
}

.img-mobile {
    height: 210px;
    float: left;
    display: inline;
    margin-left: -35px;
    width: 260px;
    text-align: center;
    border-right: 1px solid #e5e5e5
}

.img-wrap {
    height: 190px;
    overflow: hidden
}

.img-mobile .qrcode {
    width: 150px;
    height: 150px;
    margin: 6px auto;
    border: 1px solid #ebebeb
}

.img-mobile h4 {
    margin: 5px 0;
    font-size: 18px;
    font-weight: normal
}

.img-mobile .a-question {
    display: inline-block;
    margin-left: 3px;
    width: 16px;
    height: 16px;
    background: url(/images/post/new_notes/nn_v2/nn_sprite_v25.png) no-repeat -160px -59px;
    vertical-align: -2px;
    *vertical-align: middle
}

.img-mobile.uploading .art-tips, .img-mobile.uploading .img-wrap {
    display: none
}

.img-mobile .uploading-info {
    text-align: center;
    padding: 80px;
    font-size: 14px;
    color: #999
}

.img-local {
    float: left;
    width: 345px;
    text-align: center
}

.img-local .art-btn-upload {
    margin-top: 55px
}

.img-mobile .uploading-info em {
    display: inline-block;
    margin: 0 1px;
    font-style: normal;
    -webkit-animation: dot 1s linear infinite;
    animation: dot 1s linear infinite
}

.img-mobile .uploading-info em:nth-child(2) {
    -webkit-animation-delay: .1s;
    animation-delay: .2s
}

.img-mobile .uploading-info em:nth-child(3) {
    -webkit-animation-delay: .2s;
    animation-delay: .4s
}

.img-local {
    float: left;
    width: 345px;
    text-align: center
}

.img-local .art-btn-upload {
    margin-top: 55px
}

@keyframes dot {
    0%, 40%, 100% {
        transform: translate(0, 0)
    }
    20% {
        transform: translate(0, -3px)
    }
}

@-webkit-keyframes dot {
    0%, 40%, 100% {
        -webkit-transform: translate(0, 0)
    }
    20% {
        -webkit-transform: translate(0, -3px)
    }
}

.pub-last {
    width: 700px;
    background-color: #fff;
    border-radius: 6px;
    box-shadow: 0 0 3px rgba(0, 0, 0, .3);
    position: relative;
    overflow: visible
}

.pl-head {
    height: 210px;
    position: relative;
    text-align: center;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    overflow: hidden
}

.pl-head img {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height:%
}

.pl-msg {
    position: relative;
    z-index: 2;
    height: 145px;
    padding-top: 65px;
    background: url(/images/post/new_notes/nn_v2/last-head-mask.png) no-repeat;
    color: #fff;
    font-size: 16px;
    line-height: 24px
}

.pl-msg h3 {
    margin-bottom: 12px;
    font-weight: normal;
    font-size: 30px;
    line-height: 40px
}

.pl-body {
    padding: 25px 35px 40px;
    height: 225px;
    position: relative
}

.pl-subtit {
    margin-bottom: 10px;
    font-size: 14px;
    color: #999
}

.pl-add {
    margin-top: 20px
}

.pl-search {
    float: left;
    margin-right: 20px;
    display: inline;
    width: 290px
}

.pl-schbar {
    position: relative;
    z-index: 5
}

.pl-schbar input {
    height: 22px;
    border: 1px solid #dcdcdc;
    width: 238px;
    padding: 5px 20px 5px 30px;
    line-height: 22px;
    font-size: 16px;
    color: #666;
    border-radius: 16px;
    background-color: #fff
}

.pl-schbar input:focus {
    outline: 0;
    border-color: #ffcb77
}

.pl-schbar i {
    position: absolute;
    left: 12px;
    top: 10px;
    width: 13px;
    height: 13px;
    background: url(/images/post/new_notes/nn_v2/nn_sprite_v25.png) no-repeat -340px 0
}

.pl-schbar input:focus + i {
    background-position: -340px -20px
}

.pl-schlist {
    position: absolute;
    width: 288px;
    border: 1px solid #e6e6e6;
    background-color: #f8f8f8;
    padding: 25px 0 10px;
    margin-top: -16px;
    border-radius: 6px
}

.pl-schlist li {
    line-height: 40px;
    font-size: 16px;
    padding: 0 30px
}

.pl-schlist li span {
    color: #999;
    margin-left: 15px
}

.pl-schlist li:hover, .pl-schlist li.active {
    color: #ff9d00;
    background-color: #efefef;
    cursor: pointer
}

.pl-tag {
    display: inline-block;
    height: 32px;
    line-height: 32px;
    padding: 0 20px;
    border: 1px solid #b4b4b4;
    font-size: 16px;
    border-radius: 17px;
    color: #666
}

.pl-tag span {
    font-size: 12px;
    color: #999
}

.pl-tag:hover, .pl-tag.cur {
    background-color: #ff9d00;
    color: #fff;
    text-decoration: none;
    border-color: #ff9d00
}

.pl-tag:hover span, .pl-tag.cur span {
    color: #fff
}

.pl-action {
    position: absolute;
    right: 35px;
    bottom: 40px
}

.pl-action .btn-done {
    display: inline-block;
    line-height: 42px;
    width: 108px;
    border: 1px solid #ffcb77;
    border-radius: 22px;
    text-align: center;
    font-size: 20px
}

.pl-action .btn-done:hover {
    background-color: #ff9d00;
    border-color: #ff9d00;
    color: #fff;
    text-decoration: none
}

.pl-tags {
    margin: 15px 0;
    max-height: 100px;
    overflow: hidden
}

.pl-tags .pl-tag {
    float: left;
    margin: 0 20px 15px 0
}

.pub-last a.close-btn {
    position: absolute;
    background: 0;
    width: 16px;
    height: 16px;
    top: 30px;
    right: 30px;
    z-index: 5
}

.pub-last a.close-btn i {
    display: block;
    width: 16px;
    height: 16px;
    background: url(/images/post/new_notes/nn_v2/nn_sprite_v25.png) no-repeat -340px -40px;
    opacity: .5
}

.pub-last .close-btn:hover i {
    opacity: .9
}

@media (min-resolution: 1.25dppx),(-webkit-min-device-pixel-ratio: 1.25),(min-device-pixel-ratio: 1.25) {
    .uppic-close, .uppic-list .btn-upAdd i, .uppic-panel .nothing i, .btm-addplace .place-title .i-place, .btm-addplace .place-title span i, .btm-related .hd i, .place-search .i-search, .uppic-panel .icon-type, .btm-related .btn-slide i, .btm-related .item-addplace i {
        background-image: url(/images/post/new_notes/nn_v2/uppic-sprites2_2x.png);
        background-size: 300px
    }

    .pic_tag i {
        background: url(/images/post/new_notes/nn_v2/pic-tag_2x.png) no-repeat;
        background-size: 175px
    }

    .pic_tag i.house {
        background-position: -25px 0
    }

    .pic_tag i.hotel {
        background-position: 0 0
    }

    .pic_tag i.food {
        background-position: -50px 0
    }

    .pic_tag i.traffic {
        background-position: -75px 0
    }

    .pic_tag i.play {
        background-position: -100px 0
    }

    .pic_tag i.shopping {
        background-position: -125px 0
    }

    .pic_tag i.mdd {
        background-position: -150px 0
    }

    .ptb-share a, .ptb-option i {
        background-image: url(/images/post/new_notes/pic-toolbar-icon@2x.png);
        background-size: 100px auto
    }

    .icon-upVideo, .icon-upImg, .img-mobile .a-question {
        background: url(/images/post/new_notes/nn_v2/nm_sprite4.png) no-repeat;
        background-size: 196px
    }

    .icon-upVideo {
        background-position: -30px -56px
    }

    .icon-upImg {
        background-position: 0 -56px
    }

    .img-mobile .a-question {
        background-position: -168px -28px
    }

    .bar_share a.bs_btn i {
        background: url(/images/post/new_notes/notes-share-collect@2x.png) no-repeat;
        background-size: 100px auto
    }

    .bs_share a.bs_btn i {
        background-position: -60px 0
    }

    .collected a.bs_btn i {
        background-position: -30px 0
    }

    .person .i-enterprise {
        background-size: 30px 20px;
        background-position: -10px 0
    }

    .pl-schbar i {
        background: url(/images/post/new_notes/nn_v2/nm_sprite4.png) no-repeat -60px -56px;
        background-size: 196px auto
    }

    .pl-schbar input:focus + i {
        background-position: -60px -71px
    }

    .pub-last a.close-btn i {
        background: url(/images/post/new_notes/nn_v2/nm_sprite4.png) no-repeat -80px -56px;
        background-size: 196px auto
    }
}

.reviews-award {
    position: fixed;
    left: 5px;
    bottom: 0;
    width: 288px;
    box-shadow: 0 1px 5px 0 rgba(0, 0, 0, .2);
    background-color: #fff;
    z-index: 99
}

.reviews-award .hd {
    height: 64px;
    padding: 0 20px;
    background: -webkit-linear-gradient(-30deg, transparent 0, rgba(235, 94, 94, .3) 30%, rgba(235, 94, 94, 1) 90%);
    background: -moz-linear-gradient(left -30deg, transparent 0, rgba(235, 94, 94, .3) 40%, rgba(235, 94, 94, 1) 90%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#FFEB5E5E', GradientType=0);
    background-color: #ff883a;
    cursor: pointer
}

.reviews-award .title {
    width: 210px;
    line-height: 64px;
    font-size: 16px;
    color: #fff;
    position: relative
}

.reviews-award .title em {
    font-style: normal;
    color: #fff600;
    font-family: "Microsoft Yahei"
}

.reviews-award .arrow, .reviews-award .close {
    position: absolute;
    right: 18px;
    top: 28px;
    width: 15px;
    height: 9px;
    background: url(/images/post/new_notes/nn_v2/reviews-award.png) no-repeat -30px 0
}

.reviews-award .close {
    width: 13px;
    height: 13px;
    background-position: -15px 0;
    top: 25.5px
}

.reviews-award .t2 {
    line-height: 64px
}

.reviews-award .t2, .reviews-award .close {
    display: none
}

.reviews-award .bd {
    height: 0;
    -webkit-transition: height .5s ease-in-out;
    transition: height .5s ease-in-out;
    overflow: hidden;
    border-left: 1px solid #eee;
    border-right: 1px solid #eee
}

.reviews-award ul {
    max-height: 200px;
    padding: 0 20px;
    overflow: auto
}

.reviews-award li {
    height: 16px;
    line-height: 16px;
    padding: 15px 0;
    border-bottom: 1px dashed #eee
}

.reviews-award .place {
    float: left;
    max-width: 140px;
    height: 16px;
    font-size: 14px;
    overflow: hidden;
    padding: 0;
    color: #666
}

.reviews-award .place i {
    float: left;
    margin-right: 12px;
    display: inline-block;
    width: 12px;
    height: 16px;
    background: url(/images/post/new_notes/nn_v2/reviews-award.png) no-repeat 0 0;
    overflow: hidden
}

.reviews-award .honey {
    float: right;
    margin-left: 10px;
    padding: 0 5px;
    background-color: #ff9d00;
    color: #fff;
    border-radius: 8px
}

.reviews-award li a {
    float: right
}

.reviews-award.extend .t1, .reviews-award.extend .arrow {
    display: none
}

.reviews-award.extend .t2, .reviews-award.extend .close {
    display: block
}

.reviews-award.extend .bd {
    height: 210px
}

@charset "utf-8";
.base_info {
    width: 680px;
    height: 420px;
    padding: 30px;
    background: #FFF;
    overflow: visible
}

.write_base_info h2 {
    font-size: 18px;
    font-weight: normal
}

.base_info_detail .dd_tags input {
    margin-top: 3px
}

.base_info_detail {
    margin-top: 25px
}

.base_info_detail dd {
    margin-left: 28px;
    position: relative;
    border-bottom: 1px solid #efefef;
    padding: 14px 0;
    line-height: 24px
}

.base_info_detail dd.add_goods {
    border-bottom: 0;
    margin-top: 10px
}

.base_info_detail dt i, .dd_title i {
    width: 18px;
    height: 18px;
    background: url(/images/guide/sprite_v19.png) -83px -128px no-repeat;
    position: absolute;
    left: -28px;
    top: 0
}

.base_info_detail dt i {
    width: 16px;
    height: 19px;
    background-position: -27px -128px
}

.base_info_detail dd, .adjust_city li {
    *+zoom: 1
}

.base_info_detail dd:after, .adjust_city li:after {
    content: '\20';
    clear: both;
    display: table;
    overflow: hidden
}

.base_info_detail dd i.go_date {
    background-position: -83px -128px
}

.base_info_detail dd i.go_days {
    background-position: -102px -128px
}

.base_info_detail dd i.begin_city {
    background-position: -55px -234px
}

.base_info_detail dd i.go_figure {
    background-position: -121px -128px
}

.base_info_detail dd i.go_money {
    background-position: -140px -128px
}

.base_info_detail dd i.go_style {
    background-position: -159px -128px
}

.dd_title {
    display: inline-block;
    width: 85px;
    font-size: 14px;
    font-weight: normal;
    line-height: 28px;
    *+float: left
}

.dd_title span {
    color: #f00;
    padding-left: 4px;
    vertical-align: -4px;
    line-height: 12px
}

.dd_title i {
    top: 19px
}

.dd_select {
    width: 208px;
    height: 26px;
    display: inline-block;
    background: #efefef;
    border: 1px solid #efefef;
    position: relative;
    *+float: left
}

.dd_select.on {
    border: 1px solid #ffc65a;
    background-color: #fff
}

.ok .dd_select {
    border: 1px solid #d3d3d3;
    background-color: #fff
}

.dd_select.on input, .ok .dd_select input {
    background-color: #fff
}

.base_info_detail dd.ok i {
    background-position: -492px -128px
}

.dd_select input {
    padding: 4px 10px;
    margin: 0;
    width: 160px;
    border: 0;
    line-height: 18px;
    font-size: 12px;
    color: #999;
    background: #efefef
}

.dd_select a {
    width: 16px;
    height: 16px;
    background: url(/images/guide/sprite_v19.png) -268px -177px no-repeat;
    position: absolute;
    right: 5px;
    top: 5px
}

.dd_select a.time {
    background-position: -268px -177px
}

.dd_select a.time:hover, .dd_select.on a.time {
    background-position: -268px -193px
}

.dd_select a.down {
    width: 18px;
    height: 15px;
    background-position: -285px -177px;
    border-left: 1px solid #ccc;
    right: 2px;
    top: 6px
}

.dd_select a.down:hover, .dd_select.on a.down {
    background-position: -193px -129px;
    border-left: 1px solid #fc3
}

.dd_unit {
    padding-left: 8px;
    font-size: 14px;
    line-height: 28px
}

.dd_tags {
    padding-right: 20px;
    font-size: 14px
}

.dd_tags input {
    vertical-align: middle;
    margin-right: 5px;
    margin-top: -2px
}

.at_style .dd_tags input {
    margin-top: 3px
}

.dd_tags input, .dd_tags label {
    vertical-align: middle;
    cursor: pointer
}

.base_info_button {
    text-align: right;
    margin-top: 40px
}

.base_info_button .btn_big {
    padding: 0 32px;
    border-radius: 3px
}

.down_con {
    position: absolute;
    left: -1px;
    right: -1px;
    top: 26px;
    background: #fff;
    z-index: 10;
    border: 1px solid #d5d5d5;
    display: none
}

.down_con li a {
    padding: 2px 15px;
    height: 24px;
    overflow: hidden;
    display: block;
    position: static;
    background: #fff;
    width: auto;
    line-height: 24px;
    color: #666
}

.down_con li a:hover {
    background: #f5f5f5;
    color: #666;
    text-decoration: none
}

.base_info_new {
    width: 460px;
    height: 290px
}

.base_info_new .base_info_detail dd {
    height: 32px;
    margin: 0 0 20px 30px;
    border: 0;
    padding: 0
}

.dd_title {
    width: 90px;
    font-size: 16px;
    line-height: 32px
}

.dd_title i {
    top: 5px
}

.dd_title i {
    width: 22px;
    height: 22px;
    left: -32px;
    background: url(http://css.mafengwo.net/images/post/new_notes/151204sprite1.png) no-repeat
}

.base_info_detail dd.go_date i {
    background-position: 0 0
}

.base_info_detail dd.go_days i {
    background-position: 0 -22px
}

.base_info_detail dd.go_figure i {
    background-position: 0 -44px
}

.base_info_detail dd.go_money i {
    background-position: 0 -66px
}

.base_info_detail dd.go_date.on i {
    background-position: -22px 0
}

.base_info_detail dd.go_days.on i {
    background-position: -22px -22px
}

.base_info_detail dd.go_figure.on i {
    background-position: -22px -44px
}

.base_info_detail dd.go_money.on i {
    background-position: -22px -66px
}

.dd_select {
    width: 278px;
    height: 30px;
    line-height: 22px
}

.dd_select a {
    background: url(http://css.mafengwo.net/images/post/new_notes/151204sprite1.png) no-repeat
}

.dd_select a.time {
    top: 8px;
    background-position: 0 -88px
}

.dd_select a.time:hover, .dd_select.on a.time {
    background-position: 0 -88px
}

.dd_select a.down {
    width: 30px;
    height: 30px;
    right: 0;
    top: 0;
    background-position: 10px -104px;
    border-left: none
}

.dd_select a.down:hover, .dd_select.on a.down {
    background-position: 10px -134px;
    border-left: none
}

.dd_select.newon {
    background-color: #fff;
    border-color: #ff9d00;
    box-shadow: 0 0 3px 0 #ffc65a
}

.dd_select input {
    width: 230px;
    height: 22px
}

.dd_select.newon input {
    background-color: #fff
}

.base_info_new .base_info_button {
    padding-right: 57px
}

.base_info_new .base_info_button .btn_qx {
    font-size: 16px;
    color: #666;
    margin-right: 36px
}

.down_con {
    top: 31px;
    border: 1px solid #ff9d00;
    border-top: 0;
    box-shadow: 0 0 3px 0 #ffc65a
}

.base_info_error {
    height: 24px;
    color: #f00;
    line-height: 24px;
    margin-top: -14px
}

.write_base_info .base_info_button {
    margin-top: 6px
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) {
    .dd_title i {
        background: url(http://css.mafengwo.net/images/post/new_notes/151204sprite2.png) no-repeat;
        background-size: 44px 88px
    }
}

.travel_directory {
    border: 1px dashed #d7d7d7;
    padding-bottom: 18px;
    width: 100%;
    margin-bottom: 30px;
    border-radius: 4px;
    position: relative
}

.tra_edit {
    color: #ff9d00;
    font-size: 12px;
    position: absolute;
    bottom: 20px;
    right: 20px
}

.tarvel_dir_list {
    margin-left: 20px
}

.tarvel_dir_list ul {
    width: 100%
}

.tarvel_dir_list ul li {
    width: 170px;
    margin-top: 18px;
    float: left;
    display: inline;
    font-size: 14px;
    height: 22px;
    line-height: 22px;
    color: #666;
    padding-left: 5%;
    background: url(http://css.mafengwo.net/images/post/new_notes/151204sprite1.png) no-repeat;
    cursor: pointer
}

.tarvel_dir_list ul li span {
    color: #ff9d00;
    margin: 0 5px
}

.tarvel_dir_list ul li i {
    font-family: Arial, Helvetica, sans-serif;
    font-style: normal
}

.tarvel_dir_list ul li.time {
    background-position: -22px 0
}

.tarvel_dir_list ul li.day {
    background-position: -22px -22px
}

.tarvel_dir_list ul li.people {
    background-position: -22px -44px
}

.tarvel_dir_list ul li.cost {
    background-position: -22px -66px
}

.search_travel {
    border: 1px solid #ff9d00;
    padding-bottom: 18px;
    width: 100%;
    margin-bottom: 30px;
    border-radius: 4px;
    position: relative
}

.travel_left {
    margin-left: 20px;
    margin-top: 18px;
    padding-left: 30px;
    font-size: 14px;
    background: url(http://css.mafengwo.net/images/post/new_notes/151204sprite1.png) -28px -94px no-repeat;
    color: #666;
    height: 22px;
    line-height: 22px
}

.travel_right {
    margin-right: 20px;
    margin-top: 18px;
    height: 22px;
    line-height: 22px;
    font-size: 14px
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) {
    .tarvel_dir_list ul li {
        background: url(http://css.mafengwo.net/images/post/new_notes/151204sprite2.png) no-repeat;
        background-size: 44px 88px
    }
}

.ui-datepicker select {
    color: #000
}

@charset "utf-8";
.btn_a, .btn_b {
    padding: 0 25px;
    height: 28px;
    line-height: 28px;
    background: #ffa800;
    display: inline-block;
    color: #fff;
    font-size: 14px;
    border-radius: 3px
}

.btn_a:hover, .btn_b:hover {
    background: #ff8a00;
    color: #fff;
    text-decoration: none
}

.btn_b {
    padding: 0 28px;
    height: 36px;
    line-height: 36px;
    font-size: 18px;
    text-align: center;
    border-radius: 5px
}

.btn_a.disable, .btn_b.disable, .btn_a.back, .btn_b.back {
    background: #e5e5e5;
    color: #999
}

.btn_b.preview {
    height: 34px;
    line-height: 34px;
    border: 1px solid #ffa800;
    background: 0;
    background: transparent;
    color: #ff8a00;
    margin-right: 15px
}

.btn_b.preview:hover {
    background-color: #ffa800;
    color: #fff
}

.btn_b.complete {
    padding: 0 45px
}

.btn_a.disable, .btn_b.disable {
    cursor: default
}

.cover_elem, .cover_all {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 496px;
    background: #000;
    opacity: .7;
    filter: alpha(opacity=70);
    z-index: 990
}

.cover_all {
    position: fixed;
    top: 0
}

.complete_percent {
    height: 36px;
    padding: 21px 0;
    border-bottom: 2px solid #e0e0e0;
    background: #fefefe;
    background: rgba(255, 255, 255, .95);
    position: absolute;
    z-index: 10;
    width: 100%;
    left: 0
}

.cp_center {
    width: 980px;
    margin: 0 auto
}

.cp_percent {
    float: left;
    display: inline;
    font-size: 18px;
    margin-top: 6px;
    position: relative
}

.cp_percent strong {
    color: #66c0b8;
    font-weight: normal;
    font-family: Verdana, Geneva, sans-serif
}

.cp_left {
    float: left;
    margin-right: 15px
}

.cp_bar {
    width: 340px;
    height: 12px;
    background: #d7d7d7;
    border-radius: 12px;
    float: left;
    margin-top: 6px;
    position: relative;
    overflow: hidden
}

.cp_bar span {
    background: #66c0b8;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%
}

.cp_complete_tips {
    width: 392px;
    height: 170px;
    background: url(/images/post/new_notes/ms_tips_v2.png) 0 -257px no-repeat;
    position: absolute;
    left: 305px;
    top: 34px
}

.cp_complete_tips a {
    width: 71px;
    height: 28px;
    position: absolute;
    left: 237px;
    top: 120px;
    line-height: 200px;
    overflow: hidden
}

.cp_btn {
    float: right;
    display: inline;
    position: relative
}

.pull_pics .cp_btn {
    margin-top: 30px
}

.cp_btn .disable {
    margin-right: 18px
}

.cp_btn .cp_tips {
    position: absolute;
    right: -25px;
    top: 42px;
    width: 281px;
    height: 125px;
    background: url(/images/post/new_notes/ms_tips_v2.png) 0 -129px no-repeat
}

.set_page {
    padding-top: 160px
}

.set_page a.set_add {
    background: url(/images/post/new_notes/ms_sprite_v2.png) -407px 0 no-repeat
}

.set_page a.set_add:hover {
    background-position: -407px -65px
}

.set_page .i_tips {
    width: 281px;
    height: 120px;
    background: url(/images/post/new_notes/ms_tips_v2.png) 0 0 no-repeat;
    position: absolute;
    left: 180px;
    top: 228px
}

.add_thumb {
    background: #FFF;
    padding: 32px 40px;
    width: 690px;
    margin: -200px 0 0 -385px
}

.at_con_title {
    font-size: 16px
}

.at_con_title strong {
    font-size: 18px;
    font-weight: normal;
    display: inline-block
}

.at_con_title p {
    margin-top: 15px
}

.at_con_detail {
    margin-top: 40px;
    padding: 0 0 20px 55px
}

.at_con_up {
    position: relative;
    float: left
}

.at_con_notes {
    margin-right: 120px
}

.at_con_up a {
    width: 226px;
    height: 166px;
    padding-top: 50px;
    border: 2px solid #e5e5e5;
    border-radius: 10px;
    text-align: center;
    display: block;
    color: #666
}

.at_con_up a:hover {
    color: #ff8a00;
    text-decoration: none;
    border-color: #ffe3ad
}

.at_con_up a i {
    width: 80px;
    height: 80px;
    background: url(/images/post/new_notes/ms_sprite_v2.png) -81px -235px no-repeat;
    display: inline-block;
    line-height: 200px;
    overflow: hidden
}

.at_con_notes a i {
    background-position: 0 -235px
}

.at_con_up a:hover i {
    background-position: -81px -316px
}

.at_con_notes a:hover i {
    background-position: 0 -316px
}

.no_click a, .no_click a:hover {
    color: #999;
    cursor: default
}

.no_click a:hover {
    border-color: #e5e5e5
}

.no_click a i, .no_click a:hover i {
    background-position: -162px -235px
}

.at_con_up span {
    margin-top: 30px;
    font-size: 20px;
    display: block
}

.at_tips {
    position: absolute;
    left: 20px;
    bottom: -30px;
    color: #c00
}

.sn_btn {
    margin-top: 35px;
    text-align: right
}

.popup_select .r_up {
    margin-top: 25px
}

.popup_select .r_up .up_list {
    height: 324px
}

.popup_select .up_list ul {
    width: 710px
}

.popup_select .up_list li {
    margin: 0 30px 30px 0
}

.popup_select .up_list li, .popup_select .up_list li img {
    width: 88px;
    height: 88px
}

.up_btn {
    text-align: right;
    margin-top: 30px
}

.up_btn a {
    margin-left: 18px
}

.ps_tips {
    position: absolute;
    bottom: -34px;
    border: 1px solid #ff3d3d;
    border-radius: 5px;
    padding: 7px 15px;
    width: 178px;
    z-index: 100;
    background: #fff;
    cursor: default;
    overflow: hidden;
    color: #c00;
    display: none
}

.ps_tips i, .at_tips i {
    width: 16px;
    height: 16px;
    background: url(/images/post/new_notes/ms_sprite_v2.png) -104px -24px no-repeat;
    float: left;
    margin-right: 6px
}

.ps_tips .close {
    font-family: serif, verdana, Arial, "Lucida Grande";
    color: #999;
    position: absolute;
    right: 3px;
    top: 3px
}

.ps_tips .close:hover {
    color: #ff8a00;
    text-decoration: none
}

.popup_select .ad_slide {
    top: 0;
    right: -30px;
    height: 324px;
    width: 6px
}

.popup_select .ad_slide span {
    width: 6px
}

.popup_select .selected i {
    left: 50%;
    top: 50%;
    margin: -18px 0 0 -24px
}

.set_btn {
    z-index: 998;
    *+bottom: 215px
}

.box_info {
    margin-top: 85px
}

.pull_pics h2 {
    margin-bottom: 5px
}

.pull_pics .pp_tips {
    margin-bottom: 20px;
    color: #999
}

.related_already {
    padding: 75px 0 80px;
    background: #f6f6f6;
    text-align: center
}

.related_already i, .upgrade_complete i {
    width: 100px;
    height: 100px;
    background: url(/images/post/new_notes/ms_sprite_v2.png) -402px -133px no-repeat;
    display: inline-block
}

.related_already p {
    font-size: 22px;
    margin-top: 30px
}

.popup_complete {
    padding: 25px;
    width: 500px;
    background: #fff;
    margin: -150px 0 0 -275px
}

.upgrade_complete {
    padding: 65px 0 0 75px
}

.upgrade_complete i {
    float: left
}

.uc_deatil {
    padding: 22px 0 0 120px
}

.uc_deatil h2 {
    font-weight: normal;
    color: #ff8a00;
    font-size: 28px;
    margin-bottom: 12px
}

.uc_deatil p {
    font-size: 16px
}

.uc_deatil p span {
    color: #ffa800;
    margin: 0 5px;
    font-family: Verdana, Geneva, sans-serif
}

.step4_btn {
    margin-top: 50px;
    text-align: right
}

.step4_btn .btn_b {
    padding: 0 38px;
    height: 32px;
    line-height: 32px
}

.loading_comment {
    margin: 30px 0 100px
}

.loading_comment i {
    background-position: -169px -338px
}

.view_side {
    width: 240px;
    float: right
}

.view_side .rbtn-top {
    margin-bottom: 20px;
    padding-top: 0
}

.view_side .hd {
    margin-top: 40px
}

.view_side .hd span {
    display: inline-block;
    width: 48px;
    height: 48px;
    border-radius: 48px;
    border: solid 3px #fff;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.35);
    overflow: hidden;
    vertical-align: middle
}

.view_side .hd span img {
    width: 48px;
    height: 48px;
    border-radius: 48px
}

.view_side .hd .btn {
    margin-left: 5px;
    background: url(/images/post/tiwen-sprite.png) no-repeat 0 0;
    width: 185px;
    height: 41px;
    line-height: 42px;
    display: inline-block;
    color: #fff;
    text-align: center;
    font-size: 18px;
    font-weight: bold;
    text-indent: 35px
}

.view_side .hd .btn:hover {
    text-decoration: none;
    color: #fff;
    background-position: 0 -45px
}

.view_side .side_title {
    margin-bottom: 15px;
    font-size: 16px;
    line-height: 1
}

.block-newer-guide {
    position: relative;
    height: 60px;
    margin-bottom: 20px;
    background: url(/images/home_new2015/newer-guide-s.png) no-repeat center center/100% 100%;
    cursor: pointer
}

.block-newer-guide .icon-close {
    width: 20px;
    height: 20px;
    background: url('https://n1-q.mafengwo.net/s12/M00/5A/7A/wKgED1vf9SCAKOGwAAAFPpmn3kc186.png') no-repeat center center/100% 100%;
    position: absolute;
    right: 4px;
    top: 4px;
    cursor: pointer
}

.article_index_container {
    min-height: 196px
}

.article_index {
    padding: 4px 4px 0;
    border: 1px solid #d6d6d6;
    margin: 40px 0 22px;
    font-size: 14px;
    box-shadow: 0 2px 0 rgba(0, 0, 0, .08)
}

.article_index a {
    color: #666
}

.article_index a:hover {
    text-decoration: none
}

.article_index dt {
    position: relative;
    height: 142px
}

.article_index dt i {
    position: absolute;
    left: 3px;
    top: -6px;
    width: 44px;
    height: 46px;
    background: url(/images/shequ/notes-medal3.png) -50px 0
}

.article_index dt .baozang, .article_index dt .ai_history_baozang {
    background-position: -50px -50px
}

.article_index dt .xingji {
    background-position: -50px -100px
}

.article_index .ai_bzzs {
    background-position: -134px -326px;
    height: 63px
}

.article_index dd {
    height: 48px;
    line-height: 50px;
    overflow: hidden;
    padding-left: 5px;
    font-size: 14px
}

.article_index dt img {
    width: 100%
}

.article_index .ai_date {
    position: absolute;
    right: 10px;
    bottom: -37px;
    width: 45px;
    height: 45px;
    border: 2px solid #2b2b2b;
    border-radius: 5px;
    background-color: #fff;
    text-align: center;
    color: #111
}

.article_index .ai_date span {
    display: block;
    background-color: #f27178;
    line-height: 15px;
    font-size: 9px;
    white-space: nowrap;
    border-bottom: 2px solid #2b2b2b;
    border-radius: 2px 2px 0 0
}

.article_index .ai_date span i {
    display: inline-block;
    width: 40px;
    height: 11px;
    background: url(/images/shequ/notes-medal3.png) no-repeat -200px 0;
    overflow: hidden;
    vertical-align: top;
    position: static;
    margin-top: 2px
}

.article_index .ai_date span .t-bz {
    background-position: -200px -15px
}

.article_index .ai_date strong {
    display: block;
    line-height: 28px;
    font-size: 14px
}

.relation_mdd {
    margin-bottom: 12px;
    font-size: 14px
}

.relation_mdd a {
    color: #ff8a00
}

.its_others {
    margin-bottom: 20px;
    font-size: 14px
}

.its_others dt {
    margin-bottom: 12px
}

.its_others dt a {
    color: #ff7200
}

.its_others dt .name {
    display: inline-block;
    max-width: 100px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    line-height: 20px;
    vertical-align: middle
}

.its_others .turn_slider_page {
    float: right;
    padding-top: 4px
}

.turn_slider_page a {
    width: 10px;
    height: 15px;
    background: url(/images/post/new_notes/nn_v2/nn_sprite_v22.png) -389px -134px no-repeat;
    display: inline-block;
    line-height: 200px;
    overflow: hidden
}

.turn_slider_page a:hover {
    background-position: -398px -134px
}

.turn_slider_page a.right {
    background-position: -409px -134px;
    margin-left: 7px
}

.turn_slider_page a.right:hover {
    background-position: -419px -134px
}

.other_notes {
    width: 240px;
    overflow: hidden;
    position: relative;
    height: 160px
}

.other_notes ul {
    width: 100000px;
    position: absolute;
    left: 0;
    top: 0
}

.other_notes li {
    width: 240px;
    float: left;
    position: relative
}

.other_notes li i {
    position: absolute;
    left: 0;
    bottom: 0;
    top: 0;
    right: 0;
    background: url(/images/post/new_notes/nn_v2/cover_bg.png) 0 bottom repeat-x
}

.other_notes strong, .other_notes span {
    position: absolute;
    left: 14px;
    right: 14px;
    color: #fff;
    font-size: 12px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    z-index: 1
}

.other_notes strong {
    bottom: 30px;
    font-weight: normal;
    font-size: 36px
}

.other_notes span {
    bottom: 8px
}

.slide-right-container {
    position: relative
}

.slide-right-container .dashed-round {
    position: absolute;
    top: -10px;
    bottom: -10px;
    left: -10px;
    right: -10px;
    border: 2px dashed #fc8620;
    border-radius: 5px
}

.slide-right-container .tip {
    position: absolute;
    top: -64px;
    right: -30px;
    width: 243px;
    height: 58px;
    background: url(/images/home_new2015/tip-first-yj.png) no-repeat;
    z-index: 99;
    cursor: pointer
}

.slide-right-container .tip .icon-close {
    position: absolute;
    background: url(/images/post/selectcats/close.png) no-repeat;
    top: -5px;
    right: -5px;
    width: 25px;
    height: 25px
}

.mdd_info {
    width: 240px;
    position: relative;
    height: 160px;
    overflow: hidden
}

.mdd_info i {
    position: absolute;
    left: 0;
    bottom: 0;
    top: 0;
    right: 0;
    background: url(/images/post/new_notes/nn_v2/cover_bg.png) 0 bottom repeat-x
}

.mdd_info strong {
    position: absolute;
    left: 10px;
    right: 10px;
    color: #fff;
    font-size: 36px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    z-index: 1;
    bottom: 12px;
    font-weight: normal
}

.pics_num {
    margin-top: 20px;
    margin-bottom: 20px;
    font-size: 14px;
    line-height: 26px
}

.pics_num strong {
    font-size: 22px;
    font-family: Arial;
    margin: 0 3px;
    position: relative;
    top: 2px
}

.pics_num a {
    width: 20px;
    height: 20px;
    float: right;
    background: url(/images/post/new_notes/nn_v2/nn_sprite_v22.png) -413px -257px no-repeat;
    margin-top: 5px
}

.pics_num a:hover {
    background-position: -434px -257px
}

.special_mdd {
    padding: 0 18px;
    background-color: #f6f6f6;
    line-height: 40px;
    overflow: hidden;
    *zoom: 1;
    font-size: 16px;
    border-radius: 5px
}

.special_mdd .special_mdd_ico {
    width: 7px;
    height: 12px;
    background: url(/images/post/new_notes/sprite_v33.png) no-repeat -35px -684px;
    float: right;
    margin-top: 14px
}

.special_mdd .special_mdd_ico:hover {
    background-position: -45px -684px
}

.side_sticky {
    width: 240px;
    z-index: 1
}

.sticky_mode_fix .opacity_on {
    opacity: 1
}

.opacity_on {
    opacity: 0
}

.sticky_mode_abs .opacity_on, .sticky_mode_fix .opacity_on {
    opacity: 1
}

.mainmdd_rel_notes {
    overflow: hidden;
    margin-bottom: 16px
}

.notes_related ul {
    font-size: 14px;
    line-height: 24px
}

.notes_related li {
    margin-bottom: 14px;
    line-height: 17px;
    padding-left: 30px
}

.notes_related li .i-bz {
    float: left;
    margin: 0 0 0 -30px;
    width: 26px;
    height: 30px;
    background: url(/images/shequ/notes-medal2.png) no-repeat -169px 0;
    overflow: hidden
}

.notes_related li .i-xj {
    float: left;
    margin: 0 0 0 -30px;
    width: 26px;
    height: 30px;
    background: url(/images/shequ/notes-medal2.png) no-repeat -269px 0;
    overflow: hidden
}

.notes_related li .i-gl {
    float: left;
    margin: -3px 0 0 -30px;
    width: 22px;
    height: 29px;
    background: url(/images/post/notes-filter6.png) no-repeat -150px 0;
    overflow: hidden
}

.notes_related li a {
    display: inline-block;
    margin-bottom: 3px;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.notes_related li span {
    color: #999
}

.notes_related li strong {
    font-weight: normal;
    color: #ef523d
}

.notes_related .ul-gonglve a {
    color: #666
}

.notes_related .ul-gonglve span {
    color: #ff9d00
}

.side_sticky .relation_mdd {
    margin-bottom: 20px;
    white-space: normal
}

.catalog_content {
    line-height: 26px;
    font-size: 14px
}

.catalog_content li {
    margin-bottom: 10px;
    padding-left: 30px
}

.catalog_content li a {
    color: #999
}

.catalog_content .catalog_num {
    float: left;
    margin-left: -30px;
    color: #ccc
}

@media (min-resolution: 1.25dppx),(-webkit-min-device-pixel-ratio: 1.25),(min-device-pixel-ratio: 1.25) {
    .notes_related li .i-gl {
        background-position: -75px -15px !important;
        background-size: 100px !important
    }

    .notes_related li .i-bz, .notes_related li .i-xj, .article_index dt i, .article_index .ai_date span i {
        background-image: url(/images/shequ/notes-medal3@2x.png);
        background-size: 300px auto
    }
}

.notes_gonglve {
    margin-bottom: 35px
}

.gonglve_slide {
    position: relative;
    overflow: hidden;
    height: 166px
}

.gonglve_slide .gs_content {
    position: absolute;
    height: 160px;
    left: 0;
    top: 0;
    width: 100%;
    float: left;
}

.gonglve_slide .gs_content a {
    color: #fff
}

.gonglve_slide .gs_content a:hover {
    text-decoration: none;
    color: #fff
}

.gonglve_slide .gs_content li {
    float: left;
    width: 240px;
    position: relative;
    height: 160px;
    overflow: hidden
}

.gonglve_slide .gs_content span {
    position: absolute;
    left: 5px;
    top: 10px;
    font-size: 12px;
    font-family: "Microsoft Yahei"
}

.gonglve_slide .gs_content i {
    display: inline-block;
    margin-right: 5px;
    width: 21px;
    height: 16px;
    background: url(/images/post/new_notes/icon-view-white.png) no-repeat 0 0;
    vertical-align: middle
}

.gonglve_slide .gs_content h3 {
    position: absolute;
    left: 7px;
    right: 7px;
    bottom: 5px;
    font-size: 16px;
    line-height: 20px
}

.gonglve_slide .gs_content .bg {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background-color: #000;
    opacity: .2;
    filter: alpha(opacity=20)
}

.gonglve_slide .gs_nav {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 105%;
    overflow: hidden;
    height: 4px
}

.gonglve_slide .gs_nav li {
    float: left;
    height: 4px;
    background-color: #e5e5e5;
    margin-right: 1px;
    width: 80px;
    cursor: pointer
}

.gonglve_slide .gs_nav4 li {
    width: 60px
}

.gonglve_slide .gs_nav2 li {
    width: 120px
}

.gonglve_slide .gs_nav5 li {
    width: 48px
}

.gonglve_slide .gs_nav1 li {
    width: 100%
}

.gonglve_slide .gs_nav .on {
    background-color: #ff9d00
}

.side_tab {
    margin-bottom: 10px;
    height: 30px;
    px;
    border: 1px solid #e5e5e5;
    line-height: 30px
}

.side_tab a {
    float: left;
    position: relative;
    margin-left: -1px;
    width: 50%;
    border-left: 1px solid #e5e5e5;
    font-size: 14px;
    color: #666;
    text-align: center;
    background-color: #f5f5f5
}

.side_tab a:hover {
    text-decoration: none;
    color: #ff9d00
}

.side_tab .on {
    background-color: #fff;
    color: #ff9d00
}

.side_tab .on .arrow {
    position: absolute;
    left: 50%;
    bottom: 0;
    margin-left: -6px;
    line-height: 0;
    font-size: 0
}

.side_tab .on .arrow:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    border-top: 6px solid #e5e5e5;
    border-left: 6px dashed transparent;
    border-right: 6px dashed transparent;
    line-height: 0;
    font-size: 0
}

.side_tab .on .arrow:before {
    content: '';
    position: absolute;
    left: 0;
    top: -2px;
    border-top: 6px solid #fff;
    border-left: 6px dashed transparent;
    border-right: 6px dashed transparent;
    line-height: 0;
    font-size: 0;
    z-index: 2
}

.tab_icon_map, .tab_icon_list {
    display: inline-block;
    margin-right: 5px;
    width: 16px;
    height: 16px;
    background: url(/images/post/new_notes/side_tab_icon.png) no-repeat 0 0;
    overflow: hidden;
    vertical-align: middle
}

.tab_icon_list {
    background-position: -20px 0
}

.side_tab .on .tab_icon_map {
    background-position: 0 -20px
}

.side_tab .on .tab_icon_list {
    background-position: -20px -20px
}

@media (min-resolution: 1.25dppx),(-webkit-min-device-pixel-ratio: 1.25),(min-device-pixel-ratio: 1.25) {
    .tab_icon_map, .tab_icon_list {
        background-image: url(/images/post/new_notes/side_tab_icon@2x.png);
        background-size: 40px auto
    }
}

@charset "UTF-8";
.vc_comment {
    margin: 30px 0 20px;
    position: relative;
    padding-left: 48px
}

.vc_comment {
    *zoom: 1
}

.vc_comment:after {
    content: "";
    display: block;
    clear: both;
    overflow: hidden;
    height: 0
}

.vc_comment a, .vc_comment a:hover {
    color: #ff7200
}

.vc_comment dt {
    background: #f8f8f8;
    padding: 6px 15px;
    line-height: 18px
}

.comm_info {
    float: left
}

.comm_info a, .comm_info span {
    margin-right: 8px;
    display: inline-block
}

.comm_info .comm_grade {
    color: #d00;
    font-family: Verdana, Arial;
    font-size: 10px;
    font-weight: bold
}

.comm_info .comm_grade:hover {
    color: #d00;
    text-decoration: none
}

.comm_info .comm_time {
    color: #b0b0b0
}

.comm_reply {
    float: right
}

.comm_reply a {
    display: inline-block;
    margin-left: 8px
}

.comm_info a.hide {
    display: none
}

.vc_comment dd {
    padding: 10px 60px 0 15px
}

.quote {
    line-height: 22px;
    color: #999
}

.quote p {
    margin: 5px 0
}

.comm_word {
    margin-top: 10px;
    line-height: 25px;
    font-size: 14px
}

.comment_card {
    width: 38px;
    margin: 10px 0 0 575px;
    position: absolute
}

.comment_tags i {
    float: right;
    margin-top: 5px;
    margin-right: 12px;
    width: 58px;
    height: 44px;
    background-image: url(/images/post/new_notes/nn_v2/tags_sprite_v3.png);
    position: relative;
    right: -60px
}

.comment_tags .tag_24, .comment_tags .tag_20, .comment_tags .tag_22, .comment_tags .tag_21, .comment_tags .tag_23, .comment_tags .kgx {
    margin-top: 10px;
    margin-right: 20px
}

.comment_tags .tag_25 {
    margin-right: 0;
    background-position: 0 0;
    width: 99px;
    height: 64px
}

.comment_tags .tag_26 {
    margin-top: 2px;
    width: 84px;
    height: 75px;
    background-position: -102px 0
}

.comment_tags .tag_27 {
    background-position: 0 -79px;
    width: 76px;
    height: 71px
}

.comment_tags .bgdw2 {
    background-position: -81px -79px;
    width: 71px;
    height: 71px
}

.comment_tags .bgdw3 {
    background-position: -159px -80px;
    width: 75px;
    height: 70px
}

.comment_tags .tag_24 {
    background-position: -8px -160px
}

.comment_tags .tag_20 {
    background-position: -70px -159px;
    height: 45px
}

.comment_tags .tag_22 {
    background-position: -132px -160px
}

.comment_tags .tag_21 {
    background-position: -8px -207px;
    height: 47px
}

.comment_tags .tag_23 {
    background-position: -70px -208px;
    height: 46px
}

.comment_tags .kgx {
    background-position: -132px -208px;
    height: 46px
}

.dp_from a:hover img {
    display: block
}

.state {
    width: 15px;
    height: 12px;
    display: inline-block;
    position: relative;
    background: url(/images/post/stateBg10.gif) no-repeat;
    z-index: 2;
    vertical-align: -2px;
    *vertical-align: middle
}

.state dl {
    position: absolute;
    top: 12px;
    left: -6px;
    height: 32px;
    width: 500px
}

.state dt {
    height: 28px;
    display: inline-block;
    background: url(/images/a/flight/ship_bg.png) 0 -100px no-repeat;
    padding: 4px 5px 0 10px;
    color: #333;
    font-weight: normal;
    font-size: 12px;
    float: left;
    line-height: 28px
}

.state dd {
    height: 28px;
    display: block;
    padding: 4px 0 0 0;
    float: left
}

.state dd a {
    width: 81px;
    height: 28px;
    display: block;
    line-height: 100px;
    overflow: hidden;
    background: url(/images/euro2012/euro_bg.png) 0 0 no-repeat
}

.state_paimai {
    background-position: 0 -2px
}

.state_renshow {
    background-position: 0 -27px
}

.state_cbs {
    background-position: 0 -52px
}

.state_pk {
    background-position: 0 -72px
}

.state_flight {
    background-position: 0 -112px
}

.state_boat {
    background-position: 0 -91px;
    height: 14px
}

.state_postcard {
    background-position: 0 -133px;
    width: 16px
}

.state_caigeming {
    width: 17px;
    background-position: 0 -157px
}

.state_lingshan {
    width: 17px;
    background-position: 0 -200px
}

.state_movie {
    background-position: 0 -182px
}

.state_one {
    background-position: 0 -232px;
    width: 19px
}

.state_tree {
    background: url(/images/post/tree.png) 4px 5px no-repeat;
    top: 2px
}

.state_mobile {
    background: url(/images/post/i_mobile.gif) 0 0 no-repeat;
    top: 2px;
    width: 91px;
    height: 13px;
    line-height: 100px;
    overflow: hidden
}

.state_qqbrowser {
    background: url(/images/post/i_qqbrowser.gif) 0 0 no-repeat;
    top: 2px;
    width: 105px;
    height: 13px;
    line-height: 100px;
    overflow: hidden
}

.state_one {
    background-position: 0 -232px;
    width: 19px
}

.state_euro2016 {
    background: url(/images/post/euro2016.png) 0 0 no-repeat;
    top: 2px;
    width: 12px;
    height: 15px
}

.dp_from {
    margin-top: 20px
}

.dp_from i {
    width: 17px;
    height: 17px;
    background: url(/images/post/new_notes/sprite_v33.png) no-repeat 0 -700px;
    margin-right: 6px;
    display: inline-block
}

.dp_from span, .dp_from i {
    vertical-align: middle
}

.dp_from a {
    margin-left: 4px;
    position: relative
}

.dp_from a img {
    display: none;
    position: absolute;
    left: 105%;
    bottom: -10px;
    z-index: 20
}

.dp_from a:hover img {
    display: block
}

.vc_reply {
    margin: 30px 0 50px;
    position: relative;
    padding-left: 63px
}

.avatar {
    width: 48px;
    height: 48px;
    position: absolute;
    top: 0;
    left: 0;
    _left: -63px
}

.vc_tags ul {
    overflow: hidden;
    padding-bottom: 18px
}

.vc_tags li {
    float: left;
    padding-left: 10px;
    width: 103px;
    border-left: solid 2px #d4d4d4;
    text-align: left;
    color: #666;
    font-size: 16px;
    line-height: 16px;
    height: 16px;
    cursor: pointer
}

.vc_tags li.on {
    color: #ff8a00;
    border-left: solid 2px #ff8a00
}

.vc_tags .about_jp i, .vc_tags .about_jp span {
    vertical-align: middle
}

.vc_tags .about_jp i {
    display: inline-block;
    width: 17px;
    margin-left: 5px;
    height: 17px;
    background: url(/images/mfw-ask/mfw-ask-sprite18.png) no-repeat -210px -30px
}

.vc_tags .about_jp span {
    color: #ff8a00
}

.comm_user {
    width: 48px;
    position: absolute;
    top: 0;
    left: 0;
    _left: -63px
}

.comm_user .avatar {
    position: relative;
    left: auto;
    top: auto
}

.comm_user var {
    display: block;
    margin: 5px 0 0;
    width: 48px;
    height: 16px;
    background: url(/images/mfw-ask/user-label2.png) no-repeat;
    overflow: hidden
}

.comm_user .l-guide {
    background-position: 0 0
}

.comm_user .l-guideP {
    background-position: 0 -16px
}

.reply_con dl {
    border: 1px solid #e2e2e2
}

.reply_con dt {
    height: 41px;
    padding: 10px 5px 9px 22px;
    background: #f7f7f7;
    border-bottom: 1px solid #e2e2e2;
    position: relative
}

.use_tags_tips {
    position: absolute;
    background-image: url(/images/post/new_notes/nn_v2/tags_tips.png);
    width: 422px;
    height: 140px;
    left: 180px;
    top: 60px
}

.use_tags_tips .close {
    width: 32px;
    height: 30px;
    position: absolute;
    left: 378px;
    top: 15px
}

.reply_choice {
    border-bottom: 0;
    width: 120px
}

.reply_tags {
    height: 41px;
    position: absolute;
    right: 5px;
    top: 12px
}

.reply_tags_tips {
    float: left;
    text-align: right;
    margin: 5px 5px 0 12px;
    _margin-left: 6px
}

.replay_tags_num {
    width: 36px;
    height: 36px;
    line-height: 36px;
    position: absolute;
    background-color: #ffba4c;
    background-color: rgba(0, 0, 0, .5);
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    font-family: Arial;
    text-align: center
}

.reply_tags_tips span {
    font-size: 10px
}

.reply_tags_tips strong {
    color: #999;
    font-weight: normal
}

.reply_tags ul {
    width: 100%;
    height: 100%;
    overflow: hidden;
    zoom: 1
}

.view_con .reply_tags ul {
    width: auto
}

.reply_tags li {
    width: auto;
    height: 41px;
    margin-right: 7px;
    float: left
}

.reply_tags li a {
    width: 34px;
    height: 30px;
    padding: 3px 0 1px;
    display: inline-block;
    text-align: center;
    border: 1px dashed #d6d6d6;
    line-height: 30px;
    color: #666;
    position: relative
}

.reply_tags li a.l17 {
    line-height: 14px
}

.reply_tags li a.llong {
    width: 98.5px;
    *width: 98px
}

.reply_tags li a.not_yet, .reply_tags li a.not_yet:hover {
    background: #e7e7e7;
    color: #aaa;
    cursor: default
}

.reply_tags li a.not_yet:hover {
    border: 1px dashed #d6d6d6
}

.reply_tags li a.not_yet:hover i {
    display: none
}

.reply_tags li a i {
    width: 0;
    height: 0;
    border-width: 5px;
    border-style: solid dashed dashed dashed;
    border-color: #ff9d00 transparent transparent transparent;
    position: absolute;
    left: 12px;
    top: 35px;
    visibility: hidden;
    line-height: 0;
    font-size: 0
}

.reply_tags li a.llong i {
    left: 44px
}

.reply_tags li a:hover, .reply_tags li a.on {
    background: #ff9d00;
    border: 1px solid #ff9d00;
    color: #fff;
    text-decoration: none;
    zoom: 1
}

.reply_tags li a:hover i, .reply_tags li a.on i {
    display: block;
    visibility: visible
}

.reply_text {
    padding: 5px 5px 5px 8px
}

.reply_text textarea {
    border: 0;
    width: 600px;
    resize: none;
    color: #666;
    line-height: 22px;
    outline: 0;
    border: 0
}

.publish_reply {
    margin-top: 20px
}

.publish_reply .btn_big {
    width: 100px;
    padding: 0;
    height: 30px;
    line-height: 30px;
    font-size: 16px
}

.publish_reply .btn_big.loading {
    background: #ffc55a url(/images/post/new_notes/loading.gif) center 2px no-repeat;
    line-height: 200px;
    overflow: hidden;
    display: block;
    position: static;
    margin: 0
}

ul.result {
    height: 200px;
    padding: 10px 0;
    width: 100%;
    position: absolute;
    left: -1px;
    top: 42px;
    border: 1px solid #d6d6d6;
    background: #fff;
    z-index: 100;
    overflow-y: auto;
    _width: 708px
}

ul.result li {
    padding-left: 45px;
    height: 40px;
    line-height: 40px;
    font-size: 14px;
    cursor: pointer
}

ul.result li.on, ul.result li:hover {
    background: #fff6df;
    color: #ff8a00
}

.ap_submit_btn {
    background-color: #fff;
    padding: 20px 30px 0 0;
    text-align: right
}

.ap_submit_btn .ap_btn_sub {
    border: 1px solid #ff9c00;
    background-color: #ff9c00;
    color: #fff;
    padding: 0 28px;
    text-align: center;
    border-radius: 3px;
    margin: 0 2px;
    cursor: pointer;
    height: 35px;
    line-height: 35px;
    font-size: 18px
}

ul.result li.not_found {
    height: auto;
    line-height: 24px;
    padding: 15px 0 20px 45px;
    background: #fff6df
}

ul.result li.not_found:hover {
    color: #666
}

.not_found span {
    padding: 0 8px
}

.nf_title {
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 6px
}

.nf_tips {
    margin-bottom: 8px
}

.nf_search input {
    width: 170px;
    height: 18px;
    border: 1px solid #ffa800;
    background: #fff;
    padding: 2px 8px;
    line-height: 18px;
    vertical-align: middle;
    margin: 0 5px 0 0;
    font-size: 12px
}

.nf_search a {
    display: inline-block;
    vertical-align: middle;
    line-height: 24px;
    padding: 0 10px;
    background: #ffa800;
    color: #fff
}

.nf_search a:hover {
    background: #ff8a00;
    color: #fff;
    text-decoration: none
}

.nf_search a.disable {
    background-color: #ccc;
    cursor: default
}

.nf_search .nf_error {
    color: #ff7000;
    font-size: 12px
}

.art_title {
    height: 22px;
    padding: 9px 20px;
    position: relative;
    z-index: 10
}

.art_title > a {
    width: 21px;
    height: 21px;
    display: inline-block;
    margin-right: 20px;
    background: url(/images/post/new_notes/sprite_v33.png) 0 -247px no-repeat
}

.art_title > a.expression {
    background-position: 0 -247px
}

.art_title > a.link {
    width: 26px;
    background-position: -22px -247px
}

.art_title > a.video {
    background-position: -249px -456px
}

.art_title > a.at {
    background-position: -70px -247px
}

.art_title > a.expression:hover {
    background-position: 0 -269px
}

.art_title > a.link:hover {
    background-position: -22px -269px
}

.art_title > a.video:hover {
    background-position: -249px -478px
}

.art_title > a.at:hover {
    background-position: -70px -269px
}

.art_title > a.save, .article a.cancel {
    width: auto;
    margin-right: 0;
    background: #ffa800;
    padding: 0 25px;
    line-height: 26px;
    height: 26px;
    color: #fff;
    font-size: 14px;
    float: right;
    border-radius: 5px
}

.art_title > a.save:hover {
    background: #ff8a00;
    color: #fff;
    text-decoration: none
}

.art_title a.give_sign_btn {
    width: 51px;
    background-image: url("/images/post/new_notes/give-sign-sprite-small@1x.png");
    background-position: 0 0
}

.art_title a.give_sign_btn:hover {
    background-position: 0 -31px
}

.article a.cancel {
    background-color: #fff;
    color: #999;
    margin-right: 10px
}

.article a.cancel:hover {
    background-color: #ddd;
    text-decoration: none;
    color: #666
}

@media (min-resolution: 1.25dppx),(-webkit-min-device-pixel-ratio: 1.25),(min-device-pixel-ratio: 1.25) {
    .art_title a.give_sign_btn {
        background-image: url("/images/post/new_notes/give-sign-sprite-small@2x.png");
        background-size: 51px auto
    }

    .art_title > a.expression {
        background-image: url(/images/post/new_notes/replay-expression-at@2x.png);
        background-size: 52px 52px;
        background-repeat: no-repeat;
        background-position: 0 0
    }

    .art_title > a.expression:hover {
        background-position: 0 -31px
    }

    .art_title > a.at {
        background-image: url(/images/post/new_notes/replay-expression-at@2x.png);
        background-size: 52px 52px;
        background-repeat: no-repeat;
        background-position: -31px 0
    }

    .art_title > a.at:hover {
        background-position: -31px -31px
    }
}

.art_con {
    font-size: 14px;
    line-height: 25px;
    margin-top: 15px;
    padding: 0 20px
}

.art_con textarea {
    width: 558px;
    height: 150px;
    line-height: 25px;
    color: #666;
    border: 0;
    font-size: 14px;
    resize: none;
    outline: 0
}

.art_pop {
    cursor: default;
    position: absolute;
    left: -1px;
    top: 40px;
    z-index: 100;
    border-radius: 3px;
    border: 1px solid #ccc;
    background-color: #fff
}

.video_pop {
    width: 598px
}

.art_pop_title {
    background-color: #f2f2f2;
    height: 30px;
    position: relative;
    line-height: 30px;
    font-weight: 700;
    padding: 0 0 0 20px;
    vertical-align: middle;
    font-size: 12px
}

.art_pop_box {
    position: relative
}

.art_arrow {
    left: 50%;
    width: 14px;
    height: 7px;
    top: -7px;
    background: url(/images/post/new_notes/arrow_gray.png) no-repeat;
    position: absolute;
    display: block
}

.art_input {
    border: 1px solid #ccc;
    height: 20px;
    padding: 4px 5px;
    line-height: 20px;
    color: #808080
}

.art_opt {
    padding: 10px 0 0;
    overflow: hidden;
    zoom: 1
}

.art_opt a {
    margin: 0 0 0 5px;
    border-radius: 3px;
    padding: 0 20px;
    display: inline-block;
    float: right
}

.art_opt a:hover {
    text-decoration: none
}

.art_opt a.art_submit {
    color: #fff;
    background-color: #ffa800;
    line-height: 24px
}

.art_opt a.art_submit:hover {
    background-color: #ff8a00
}

.art_face {
    padding: 10px;
    width: 404px
}

.art_face li {
    cursor: pointer;
    float: left;
    border: 1px solid #e8e8e8;
    height: 22px;
    width: 26px;
    overflow: hidden;
    margin: -1px 0 0 -1px;
    padding: 4px 2px;
    text-align: center
}

.art_face li img {
    vertical-align: baseline;
    width: 22px
}

.art_link {
    padding: 15px 20px;
    width: 374px
}

.art_link .art_input {
    width: 362px;
    margin: 0 0 15px
}

.art_at {
    padding: 15px 20px;
    width: 384px
}

.art_at .art_search {
    position: relative;
    margin: 0 0 15px;
    cursor: text;
    padding-top: 5px
}

.art_at .art_search input {
    width: 364px;
    border: 1px solid #efefef;
    height: 20px;
    line-height: 20px;
    padding: 7px 10px;
    font-size: 14px;
    color: #999;
    background-color: #efefef
}

.art_at .art_search span.added, .at_input span.added {
    height: 14px;
    line-height: 14px;
    padding: 3px 3px 3px 6px;
    background-color: #ffb83e;
    display: inline-block;
    margin: 4px 5px 10px 0;
    color: #fff;
    font-size: 12px;
    border-radius: 3px
}

.art_at .art_search span.added i, .at_input span.added i {
    width: 14px;
    height: 14px;
    display: inline-block;
    vertical-align: top;
    margin-left: 2px;
    font-size: 12px;
    font-family: serif, verdana, Arial, "Lucida Grande", "Microsoft Yahei", "Hiragino Sans GB", "Hiragino Sans GB W3", SimSun, STHeiti;
    font-style: normal;
    cursor: pointer
}

.art_at .art_search ul.result {
    padding: 6px 0;
    height: 150px;
    top: 30px
}

.art_at .art_search ul.result li {
    padding-left: 12px;
    height: 30px;
    line-height: 30px;
    font-size: 12px
}

.art_tab {
    margin: 10px 10px 0;
    height: 30px;
    border-left: 1px solid #d9d9d9
}

.art_tab span {
    display: inline-block;
    float: left;
    height: 28px;
    line-height: 28px;
    border: 1px solid #d9d9d9;
    border-left: none;
    background-color: #f2f2f5;
    position: relative
}

.art_tab span a {
    display: block;
    width: auto;
    text-align: center;
    padding: 0 8px;
    font-size: 12px;
    color: #333;
    letter-spacing: normal;
    word-spacing: normal;
    text-rendering: auto
}

.art_tab span a:hover {
    text-decoration: none;
    color: #ff9d00
}

.art_tab span a:after {
    content: "";
    width: 100%;
    height: 2px;
    background-color: #ff9d00;
    position: absolute;
    left: 0;
    bottom: -1px;
    display: none
}

.art_tab span.cur {
    background-color: #fff
}

.art_tab span.cur a:after {
    display: block
}

ul.token-input-list-facebook {
    overflow: hidden;
    height: auto !important;
    height: 1%;
    width: 339px;
    border: 1px solid #8496ba;
    cursor: text;
    font-size: 12px;
    font-family: Verdana;
    min-height: 1px;
    z-index: 999;
    margin: 0;
    padding: 0;
    background-color: #fff
}

ul.token-input-list-facebook {
    list-style-type: none
}

ul.token-input-list-facebook li input {
    border: 0;
    width: 100px;
    padding: 3px 8px;
    background-color: white;
    margin: 2px 0
}

li.token-input-token-facebook {
    overflow: hidden;
    height: 20px;
    margin: 3px;
    padding: 1px 3px;
    background-color: #eff2f7;
    color: #000;
    cursor: default;
    border: 1px solid #ccd5e4;
    font-size: 11px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    float: left
}

li.token-input-token-facebook p {
    display: inline;
    padding: 0;
    margin: 0
}

li.token-input-token-facebook span {
    color: #a6b3cf;
    margin-left: 5px;
    font-weight: bold;
    cursor: pointer
}

.art_newpop {
    width: 396px;
    height: 228px;
    border: 1px solid #ccc;
    background-color: #fff;
    box-shadow: 0 0 9px #ccc;
    position: absolute;
    left: -23px;
    top: 50px;
    z-index: 100
}

.art_newpop_edit {
    left: 0;
    top: -231px
}

.art_newtab {
    width: 100%;
    height: 34px;
    background-color: #f8f8f8;
    border-bottom: 1px solid #ccc
}

.art_newtab span, .newtab-nav li {
    display: inline-block;
    width: 80px;
    height: 34px;
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc;
    font-size: 12px;
    text-align: center;
    line-height: 34px;
    color: #666;
    cursor: pointer
}

.art_newtab span.cur, .newtab-nav li.cur {
    background-color: #fff;
    border-bottom-color: #fff
}

.newtab-nav {
    height: 35px;
    float: left;
    width: 324px;
    overflow: hidden;
    position: relative
}

.newtab-nav ul {
    position: absolute;
    width: 9999px
}

.newtab-nav li {
    float: left
}

.newtab-pagin {
    float: right;
    padding: 6px 10px 0 0
}

.newtab-pagin a {
    display: inline-block;
    margin-left: 5px;
    width: 20px;
    height: 20px;
    border: 1px solid #e5e5e5;
    border-radius: 4px;
    text-align: center;
    background-color: #fff;
    position: relative
}

.newtab-pagin a:hover {
    border-color: #ff9d00
}

.newtab-pagin .newtab-prev > i {
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -6px 0 0 -4px;
    border-right: 6px solid #aaa;
    border-top: 6px dashed transparent;
    border-bottom: 6px dashed transparent;
    line-height: 0;
    font-size: 0
}

.newtab-pagin .newtab-prev > i i {
    position: absolute;
    left: 3px;
    top: -6px;
    border-right: 6px solid #fff;
    border-top: 6px dashed transparent;
    border-bottom: 6px dashed transparent;
    line-height: 0;
    font-size: 0
}

.newtab-pagin .newtab-next > i {
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -6px 0 0 -3px;
    border-left: 6px solid #aaa;
    border-top: 6px dashed transparent;
    border-bottom: 6px dashed transparent;
    line-height: 0;
    font-size: 0
}

.newtab-pagin .newtab-next > i i {
    position: absolute;
    right: 3px;
    top: -6px;
    border-left: 6px solid #fff;
    border-top: 6px dashed transparent;
    border-bottom: 6px dashed transparent;
    line-height: 0;
    font-size: 0
}

.newtab-pagin .newtab-prev:hover > i {
    border-right-color: #ff9d00
}

.newtab-pagin .newtab-next:hover > i {
    border-left-color: #ff9d00
}

.newtab-pagin .disabled, .newtab-pagin .disabled:hover {
    background-color: #f8f8f8;
    border-color: #e5e5e5;
    cursor: default
}

.newtab-pagin .newtab-prev.disabled > i {
    border-right-color: #d6d6d6
}

.newtab-pagin .newtab-prev.disabled > i i {
    border-right-color: #f8f8f8
}

.newtab-pagin .newtab-next.disabled > i {
    border-left-color: #d6d6d6
}

.newtab-pagin .newtab-next.disabled > i i {
    border-left-color: #f8f8f8
}

.art_newface {
    margin: 10px auto 0;
    overflow: hidden
}

.art_newface li {
    margin: -1px 0 0 -1px;
    border: 1px solid #e8e8e8;
    float: left;
    overflow: hidden;
    text-align: center;
    cursor: pointer
}

.art_newface1 {
    width: 377px;
    height: 155px
}

.art_newface1 ul {
    width: 378px
}

.art_newface1 li {
    width: 28px;
    height: 28px;
    padding: 5px 7px 5px 6px
}

.art_newface1 li img {
    width: 28px;
    height: 28px
}

.art_newface2 {
    width: 376px;
    height: 173px
}

.art_newface2 ul {
    width: 377px
}

.art_newface2 li {
    width: 23px;
    height: 23px;
    padding: 2px 3px 3px 2px
}

.art_newface2 li img {
    width: 23px;
    height: 23px
}

.btn_c, .btn_big {
    padding: 0 25px;
    height: 28px;
    line-height: 28px;
    background: #ffa800;
    display: inline-block;
    color: #fff;
    font-size: 14px;
    border-radius: 3px
}

.btn_c:hover, .btn_big:hover {
    background: #ff8a00;
    color: #fff;
    text-decoration: none
}

.btn_big {
    padding: 0 28px;
    height: 36px;
    line-height: 36px;
    font-size: 18px;
    text-align: center;
    border-radius: 5px
}

.btn_c.disable, .btn_big.disable {
    background: #ccc;
    cursor: default
}

.vcTags-tips:before {
    content: '';
    position: absolute;
    margin: -14px 0 0 -24px;
    z-index: 5;
    width: 161px;
    height: 133px;
    background: url(/images/post/new_notes/nn_v2/reward-sprites4.png) no-repeat -230px -140px
}

.notes-reward {
    height: 380px;
    padding: 25px 38px 30px;
    background: #fef8ca url(/images/post/new_notes/nn_v2/reward-wave.png) repeat-x left top
}

.notes-reward:after {
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -5px 0 0 -17px;
    width: 34px;
    height: 10px;
    background: url(/images/common/loading_big.gif) no-repeat 0 0
}

.nr-hd {
    margin-bottom: 20px;
    height: 52px;
    padding-left: 87px;
    position: relative;
    color: #8f7036;
    font-size: 16px;
    line-height: 26px
}

.nr-hd .avatar {
    left: 18px;
    top: 0;
    width: 48px;
    height: 48px;
    border: 2px solid;
    border-radius: 50%;
    overflow: hidden
}

.nr-hd p {
    overflow: hidden
}

.nr-hd:after, .nr-hd:before {
    content: '';
    position: absolute;
    width: 20px;
    height: 16px;
    background: url(/images/post/new_notes/nn_v2/reward-sprites4.png) no-repeat -120px -30px
}

.nr-hd:before {
    left: -14px;
    top: -3px
}

.nr-hd:after {
    right: -12px;
    bottom: -3px;
    background-position: -140px -30px
}

.nr-form {
    margin-bottom: 15px;
    background-color: #fff;
    padding: 15px 30px;
    border-bottom: 3px solid #f4eec2;
    position: relative;
    z-index: 2
}

.nr-form input {
    width: 180px;
    border: 0 none;
    padding: 0;
    text-align: center;
    font-size: 36px;
    color: #666;
    line-height: 40px
}

.nr-money .inp-error {
    color: #ef523d
}

.nr-money {
    margin-bottom: 15px;
    height: 48px;
    border-bottom: 1px solid #e5e5e5;
    font-size: 18px;
    color: #999;
    position: relative;
    text-align: center
}

.nr-money span {
    position: absolute;
    left: 0;
    line-height: 40px;
    color: #666
}

.nr-money .select {
    position: absolute;
    left: 48px;
    top: 3px;
    width: 118px;
    font-size: 14px;
    color: #ff9d00;
    line-height: 30px;
    text-align: left;
    border: 1px solid #ff9d00;
    border-radius: 3px;
    background-color: #fff
}

.nr-money .sel-hd {
    padding: 1px 12px;
    cursor: pointer
}

.nr-money .sel-hd i {
    position: absolute;
    right: 13px;
    top: 14px;
    width: 12px;
    height: 6px;
    background: url(/images/post/new_notes/nn_v2/reward-sprites4.png) no-repeat -175px -105px
}

.nr-money .select ul {
    padding: 3px 0
}

.nr-money .select li a {
    display: block;
    padding: 0 11px
}

.nr-money .select li a:hover {
    text-decoration: none
}

.nr-money .reward-num {
    position: absolute;
    left: 190px;
    top: 2px;
    width: 180px;
    height: 34px
}

.nr-money .reward-num .icon {
    position: absolute;
    left: 0;
    top: 10px;
    width: 39px;
    height: 15px;
    border-right: 1px solid #d6d6d6;
    line-height: 0
}

.nr-money .reward-num .icon-money, .nr-money .reward-num .icon-honey {
    display: inline-block;
    margin-top: 1px;
    width: 16px;
    height: 13px;
    background: url(/images/post/new_notes/nn_v2/reward-sprites4.png) no-repeat -175px -85px;
    overflow: hidden
}

.nr-money .reward-num .icon-honey {
    margin-top: -2px;
    width: 15px;
    height: 18px;
    background-position: -200px -85px
}

.nr-money .reward-num input {
    width: 100px;
    height: 32px;
    border: 1px solid #efefef;
    background-color: #efefef;
    padding: 0 13px 0 65px;
    text-align: left;
    font-size: 18px;
    color: #666;
    line-height: 32px;
    border-radius: 3px
}

.nr-money .reward-num input:focus {
    border-color: #ff9d00;
    background-color: #fff;
    box-shadow: 0 0 2px rgba(255, 157, 0, .4)
}

.nr-money .set-paypwd {
    position: absolute;
    left: 180px;
    top: 0;
    background-color: #fff;
    font-size: 16px;
    line-height: 38px;
    color: #666
}

.nr-money i {
    font-style: normal
}

.nr-money .i-coin {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 72px;
    height: 23px;
    background: url(/images/post/new_notes/nn_v2/reward-sprites4.png) no-repeat -120px 0
}

.nr-money .tips-err {
    position: absolute;
    bottom: -30px;
    left: 165px;
    width: 230px;
    height: 33px;
    background-color: #fff1ef;
    border: 1px solid #ef523d;
    text-align: center;
    line-height: 32px;
    color: #ef523d;
    font-size: 12px;
    border-radius: 3px
}

.nr-money .tips-err i {
    display: inline-block;
    margin-right: 5px;
    width: 16px;
    height: 16px;
    background: url(/images/post/new_notes/nn_v2/reward-sprites4.png) no-repeat -200px -65px;
    overflow: hidden;
    vertical-align: middle
}

.nr-form .have-reward {
    padding: 45px;
    text-align: center;
    font-size: 22px;
    color: #999
}

.nr-form .have-reward i {
    display: inline-block;
    margin-right: 5px;
    width: 77px;
    height: 43px;
    background: url(/images/post/new_notes/nn_v2/reward-sprites4.png) no-repeat -300px 0;
    overflow: hidden;
    vertical-align: -7px;
    *vertical-align: middle
}

.nr-form .have-reward span {
    color: #ff9d00
}

.nr-form textarea {
    width: 100%;
    height: 70px;
    border: 0 none;
    padding: 0;
    margin: 0;
    font-size: 14px;
    color: #666;
    line-height: 24px;
    resize: none;
    overflow: auto
}

.pay-item {
    float: left;
    display: inline;
    margin: 18px 60px 0 0;
    line-height: 32px;
    font-size: 16px;
    cursor: pointer
}

.pay-item .i-radio {
    float: left;
    margin: 5px 10px 0 0;
    width: 24px;
    height: 24px;
    background: url(/images/post/new_notes/nn_v2/reward-sprites4.png) no-repeat -120px -65px;
    overflow: hidden
}

.pay-item .i-alipay, .pay-item .i-wxpay {
    float: left;
    margin-right: 10px;
    width: 32px;
    height: 32px;
    background: url(/images/post/new_notes/nn_v2/reward-sprites4.png) no-repeat -200px 0
}

.pay-item .i-wxpay {
    height: 29px;
    margin-top: 2px;
    background-position: -200px -35px
}

.pay-checked .i-radio {
    background-position: -120px -95px
}

.pay-btn {
    float: right;
    width: 119px;
    height: 64px;
    background: url(/images/post/new_notes/nn_v2/reward-sprites4.png) no-repeat 0 0;
    text-align: center;
    font-size: 26px;
    color: #fff;
    line-height: 64px;
    position: relative
}

.pay-btn:hover {
    text-decoration: none;
    color: #fff;
    background-position: 0 -65px
}

.pay-btn:after {
    content: '';
    position: absolute;
    top: -11px;
    right: -22px;
    width: 28px;
    height: 28px;
    background: url(/images/post/new_notes/nn_v2/reward-sprites4.png) no-repeat -165px -30px;
    overflow: hidden
}

.pay-btn-disabled, .pay-btn-disabled:hover {
    background-position: -240px -65px;
    cursor: default
}

.nr-ft {
    height: 32px;
    margin-top: 30px;
    line-height: 32px;
    font-size: 14px;
    overflow: hidden
}

.nr-ft img {
    vertical-align: top
}

.nr-ft span {
    float: left;
    margin-right: 10px
}

.nr-ft ul {
    margin-right: -20px;
    *zoom: 1
}

.nr-ft li {
    float: left;
    width: 32px;
    display: inline;
    margin-right: 5px;
    border-radius: 50%;
    overflow: hidden
}

.nr-ft .i-more {
    display: inline-block;
    margin-top: 10px;
    width: 22px;
    height: 6px;
    background: url(/images/post/new_notes/nn_v2/reward-sprites4.png) no-repeat -120px -50px
}

.other-pay {
    border-top: 1px solid #ccc;
    margin: 0 20px;
    padding: 22px 28px;
    text-align: center
}

.other-pay a {
    font-size: 14px
}

._j_weixin_qr {
    height: 150px;
    background: url(/images/common/loading_big.gif) no-repeat center center
}

.income-reward {
    padding: 15px 30px;
    border: 1px solid #e5e5e5;
    position: relative
}

.ir-hd {
    margin-bottom: 30px;
    padding: 10px 0 25px;
    border-bottom: 1px solid #d6d6d6;
    text-align: center;
    font-size: 16px
}

.ir-hd em {
    margin: 0 5px;
    font-style: normal;
    font-size: 26px;
    color: #ff9d00;
    vertical-align: -3px;
    *vertical-align: middle
}

.ir-bd {
    position: relative;
    z-index: 2
}

.ir-bd table {
    border-spacing: 0;
    border-collapse: collapse;
    width: 100%
}

.ir-bd td {
    padding-bottom: 15px;
    font-size: 12px;
    color: #666;
    line-height: 20px
}

.ir-bd img {
    float: left;
    margin-right: 10px;
    width: 32px;
    height: 32px;
    border-radius: 50%
}

.ir-bd .price {
    margin: 0 3px;
    font-size: 14px
}

.ir-bd em {
    font-size: 22px;
    font-style: normal;
    *vertical-align: middle
}

.ir-bd .time {
    color: #999
}

.ir-bd .loading-more {
    text-align: center;
    font-size: 12px;
    color: #999
}

.ir-ft {
    margin-top: 20px;
    line-height: 20px
}

.ir-ft a {
    display: inline-block;
    margin-right: 30px;
    color: #999
}

.ir-ft a i {
    display: inline-block;
    margin: 3px 5px 0 0;
    float: left;
    width: 16px;
    height: 13px;
    background: url(/images/post/new_notes/nn_v2/reward-sprites4.png) no-repeat -150px -65px;
    overflow: hidden
}

.ir-ft .btn-setting i {
    margin-top: 1px;
    height: 17px;
    width: 17px;
    background-position: -175px -65px
}

.ir-ft .btn-tips {
    position: relative
}

.ir-ft .btn-tips:after {
    content: '';
    position: absolute;
    left: -19px;
    top: -12px;
    z-index: 2;
    width: 243px;
    height: 103px;
    background: url(/images/post/new_notes/nn_v2/reward-sprites4.png) no-repeat 0 -280px
}

.ir-ft .btn-intro i {
    margin-top: 1px;
    height: 16px;
    width: 16px;
    background-position: -150px -85px
}

.corner-coin {
    position: absolute;
    right: -2px;
    bottom: -6px;
    width: 204px;
    height: 97px;
    background: url(/images/post/new_notes/nn_v2/reward-sprites4.png) no-repeat 0 -150px;
    overflow: hidden
}

.set-reward {
    width: 500px;
    padding: 30px
}

.sr-money {
    margin: 25px 0 50px;
    line-height: 50px;
    font-size: 18px
}

.sr-money .label {
    margin-right: 25px
}

.sr-money .input {
    position: relative;
    display: inline-block;
    height: 50px;
    width: 180px
}

.sr-money .input:before {
    content: '￥';
    position: absolute;
    left: 15px;
    font-size: 22px;
    color: #999
}

.sr-money input {
    border: 1px solid #efefef;
    background-color: #efefef;
    margin: 0;
    padding: 0;
    height: 48px;
    width: 178px;
    text-align: center;
    line-height: 48px;
    font-size: 36px;
    color: #444;
    vertical-align: top
}

.sr-money input:focus, .sr-desc textarea:focus {
    background-color: #fff;
    border-color: #ff9d00;
    box-shadow: 0 0 3px rgba(255, 157, 0, .5)
}

.sr-money .reward-num {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    width: 180px;
    height: 50px;
    position: relative
}

.sr-money .reward-num .icon {
    position: absolute;
    left: 0;
    top: 10px;
    width: 40px;
    height: 26px;
    border-right: 1px solid #d6d6d6;
    line-height: 0;
    text-align: center
}

.sr-money .reward-num .icon-money, .sr-money .reward-num .icon-honey {
    display: inline-block;
    margin-top: 5px;
    width: 16px;
    height: 13px;
    background: url(/images/post/new_notes/nn_v2/reward-sprites4.png) no-repeat -175px -85px;
    overflow: hidden
}

.sr-money .reward-num .icon-honey {
    margin-top: 5px;
    width: 15px;
    height: 18px;
    background-position: -200px -85px
}

.sr-money .reward-num input {
    height: 48px;
    padding-left: 50px;
    text-align: left;
    width: 130px
}

.sr-desc {
    margin-bottom: 20px
}

.sr-desc p {
    margin-bottom: 12px;
    font-size: 14px
}

.sr-desc .fr {
    float: right;
    font-size: 12px;
    color: #999
}

.sr-desc textarea {
    width: 458px;
    height: 48px;
    border: 1px solid #efefef;
    background-color: #efefef;
    margin: 0;
    padding: 15px 20px;
    font-size: 14px;
    line-height: 24px;
    color: #666
}

.sr-action {
    text-align: right
}

.sr-action a {
    display: inline-block;
    margin-left: 3px;
    width: 100px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    font-size: 16px;
    border-radius: 3px
}

.sr-action a:hover {
    text-decoration: none
}

.sr-action .btn-cancel {
    color: #666
}

.sr-action .btn-cancel:hover {
    background-color: #f3f3f3
}

.sr-action .btn-submit {
    background-color: #ff9d00;
    color: #fff
}

.sr-action .btn-submit:hover {
    background-color: #ff8a00
}

.reward-from {
    margin-top: 10px
}

.reward-from i {
    float: left;
    margin: 1px 5px 0 0;
    width: 17px;
    height: 17px;
    background: url(/images/post/new_notes/nn_v2/reward-sprites4.png) no-repeat -240px -35px;
    overflow: hidden
}

.reward-from strong {
    font-weight: normal;
    color: #ff9d00
}

.comment_tags .tag_reward {
    margin-top: 15px;
    width: 56px;
    height: 35px;
    background: url(/images/post/new_notes/nn_v2/reward-sprites4.png) no-repeat -240px 0;
    overflow: hidden
}

.comment_tags .tag_reward_box {
    float: right;
    width: 90px;
    text-align: center;
    position: relative;
    right: -60px;
    color: #725733;
    white-space: nowrap
}

.comment_tags .tag_reward_box .tag_reward {
    display: block;
    margin: 0 auto 4px;
    float: none;
    position: static
}

.bind-phone {
    width: 400px;
    text-align: center;
    padding: 50px 0;
    font-size: 14px;
    line-height: 24px
}

.bind-phone p a {
    margin-left: 20px
}

.bind-phone .sr-action {
    margin-top: 15px;
    text-align: center
}

.bind-phone .sr-action a {
    margin: 0 10px;
    height: 30px;
    line-height: 30px;
    font-size: 14px
}

.pay-password {
    padding: 60px 30px 30px;
    width: 410px;
    background-color: #fff
}

.pay-password h4 {
    margin-bottom: 20px;
    font-size: 18px;
    font-weight: normal
}

.pay-password h4 span {
    margin: 0 5px;
    font-size: 22px;
    color: #ff9d00
}

.pay-password .inp-pass {
    width: 408px;
    height: 48px;
    border: 1px solid #efefef;
    background-color: #efefef;
    line-height: 48px;
    text-align: center;
    font-size: 36px;
    color: #444
}

.pay-password .inp-pass:focus {
    border-color: #ff9d00;
    background-color: #fff
}

.pay-password p {
    margin: 10px 0;
    text-align: right;
    font-size: 14px
}

.pay-password .action {
    margin-top: 40px;
    text-align: right
}

.pay-password .action a {
    display: inline-block;
    margin-left: 3px;
    width: 100px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    font-size: 16px;
    border-radius: 3px
}

.pay-password .action a:hover {
    text-decoration: none
}

.pay-password .action .btn-cancel {
    color: #666
}

.pay-password .action .btn-cancel:hover {
    background-color: #f3f3f3
}

.pay-password .action .btn-submit {
    padding: 0 20px;
    background-color: #ff9d00;
    color: #fff
}

.pay-password .action .btn-submit:hover {
    background-color: #ff8a00
}

.pay-password .tips-err {
    float: left;
    margin: 10px 0;
    color: #ef523d;
    font-size: 12px
}

.pay-password .tips-err i {
    display: inline-block;
    margin-right: 5px;
    width: 16px;
    height: 16px;
    background: url(/images/post/new_notes/nn_v2/reward-sprites4.png) no-repeat -200px -65px;
    overflow: hidden;
    vertical-align: middle
}

.page-hotel {
    padding: 20px 5px;
    line-height: 24px;
    text-align: right;
    font-size: 12px;
    color: #999
}

.page-hotel .count {
    padding-right: 12px
}

.page-hotel .ti {
    display: inline-block;
    margin-right: 1px;
    margin-left: 1px;
    padding: 0 7px;
    border: 0 none;
    background: 0;
    border-radius: 4px;
    color: #666;
    vertical-align: middle
}

.page-hotel .next {
    height: auto;
    margin-top: 0
}

.page-hotel .ti:hover {
    background-color: #efefef;
    border: 0 none;
    text-decoration: none;
    color: #666
}

.page-hotel .pagin .pg-current {
    background-color: #ffc75a;
    color: #fff
}

.page-hotel .first, .page-hotel .prev, .page-hotel .next, .page-hotel .last, .page-hotel .this-page {
    display: inline-block;
    margin-right: 5px;
    background-color: #ffc75a;
    padding: 0 8px;
    border-radius: 4px;
    color: #fff;
    vertical-align: middle
}

.page-hotel .first:hover, .page-hotel .prev:hover, .page-hotel .next:hover, .page-hotel .last:hover {
    background-color: #ff8a00;
    color: #fff
}

.page-hotel .this-page {
    padding: 0 7px
}

.page-hotel .pg-jump input {
    margin: 0 3px 0 0;
    border: 1px solid #d2d2d2;
    border-radius: 4px;
    height: 22px;
    padding: 0 5px;
    width: 30px;
    line-height: 22px;
    font-size: 12px;
    text-align: center;
    vertical-align: middle
}

.page-hotel .pg-jump a {
    display: inline-block;
    border: 0 none;
    background-color: #efefef;
    padding: 0 7px;
    border-radius: 4px;
    color: #666;
    vertical-align: middle
}

.page-hotel .pg-jump a:hover {
    text-decoration: none;
    background-color: #ffc75a;
    color: #fff
}

.prop-info {
    width: 540px;
    padding: 40px 30px 30px;
    color: #444
}

.pi-title {
    margin-bottom: 30px;
    font-size: 20px;
    font-weight: bold;
    line-height: 1
}

.pi-title:before {
    content: '';
    float: left;
    margin-left: -30px;
    width: 4px;
    height: 20px;
    background-color: #fed739;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px
}

.pi-base {
    margin: 30px -10px 25px;
    border-top: 1px solid #e5e5e5
}

.pi-row {
    padding: 12px 10px;
    height: 40px;
    line-height: 40px;
    position: relative;
    font-size: 16px;
    border-bottom: 1px solid #e5e5e5
}

.pi-row:before {
    content: '';
    position: absolute;
    left: 50%;
    width: 1px;
    height: 40px;
    background-color: #e5e5e5;
    top: 12px
}

.pi-col {
    float: left;
    width: 250px;
    height: 40px
}

.pi-col + .pi-col {
    float: right
}

.pi-input {
    float: right;
    border: 0 none;
    text-align: right;
    padding: 0;
    width: 125px;
    height: 40px;
    line-height: 40px;
    font-size: 16px;
    color: #444
}

.pi-input:focus {
    outline: 0
}

.pi-input::-webkit-input-placeholder {
    color: #999
}

.pi-date {
    position: relative
}

.pi-date .pi-input {
    padding-right: 20px
}

.pi-icon-cal {
    position: absolute;
    right: 0;
    top: 12px;
    width: 16px;
    height: 16px;
    background: url(/images/post/new_notes/151204sprite1.png) no-repeat 0 -88px;
    cursor: pointer
}

.pi-dropdown {
    float: right;
    width: 150px;
    text-align: right;
    height: 40px
}

.pi-dropdown .toggle {
    height: 40px;
    cursor: pointer
}

.pi-dropdown .pi-ph {
    color: #999
}

.pi-icon-caret {
    border-top: 7px solid #999;
    border-left: 5px dashed transparent;
    border-right: 5px dashed transparent;
    overflow: hidden;
    font-size: 0;
    float: right;
    margin: 16px 0 0 15px
}

.pi-dropdown .dropdown-menu {
    width: 150px;
    background-color: #fff;
    z-index: 10;
    position: absolute;
    right: -5px;
    border: 1px solid #e5e5e5;
    font-size: 16px;
    text-align: left;
    line-height: 36px;
    box-shadow: 1px 1px 5px rgba(0, 0, 0, .1);
    border-radius: 4px
}

.pi-dropdown .dropdown-menu a {
    color: #444;
    display: block;
    padding: 0 18px;
    cursor: pointer
}

.pi-dropdown .dropdown-menu a:hover {
    text-decoration: none;
    background-color: #f5f5f5
}

.pi-tags {
    margin: 0 -10px;
    padding: 0 10px 10px;
    border-bottom: 1px solid #e5e5e5
}

.pi-tags label {
    display: block;
    margin-bottom: 15px;
    font-size: 16px
}

.pi-addTag {
    margin-bottom: 20px;
    min-height: 26px;
    padding: 5px;
    border: 1px solid #f8f8f8;
    background-color: #f8f8f8;
    border-radius: 4px;
    transition: all .2s linear 0s
}

.pi-addTag:hover, .pi-addTag.active {
    background-color: #fff;
    border-color: #ff9d00;
    box-shadow: 0 0 5px rgba(255, 157, 0, .7)
}

.pi-addTag input {
    width: 300px;
    border: 0 none;
    background: 0;
    height: 26px;
    padding: 0;
    margin: 5px;
    font-size: 14px;
    color: #444;
    vertical-align: top
}

.pi-addTag input:focus {
    outline: 0
}

.pi-addTag .pi-tagitem {
    margin: 5px
}

.pi-addTag .pi-tagitem:hover {
    background-color: #f6f6f8;
    border-color: #c1c1c1;
    color: #666
}

.pi-tagitem {
    display: inline-block;
    border: 1px solid #e5e5e5;
    padding: 0 19px;
    height: 24px;
    line-height: 24px;
    font-size: 14px;
    color: #666;
    border-radius: 13px;
    background-color: #f6f6f8
}

.pi-tagitem:hover, .pi-tagitem.on {
    text-decoration: none;
    background-color: #ff9d00;
    border-color: #ff9d00;
    color: #fff
}

.pi-tagitem i {
    display: inline-block;
    padding: 0 10px 0 7px;
    margin-right: -19px;
    color: #ababab
}

.pi-tagitem:hover i {
    color: #888
}

.pi-otherTitle {
    margin-bottom: 15px;
    color: #999;
    font-size: 14px
}

.pi-otherTag li {
    float: left;
    margin: 0 10px 10px 0
}

.pop-action {
    text-align: right;
    margin-top: 20px
}

.pop-action > a {
    display: inline-block;
    margin-left: 20px;
    width: 112px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-size: 15px;
    border-radius: 5px
}

.pop-action a:hover {
    text-decoration: none
}

.pop-action .btn-cancel {
    background-color: #efefef;
    color: #999
}

.pop-action .btn-cancel:hover {
    background-color: #e1e1e1
}

.pop-action .btn-submit {
    background-color: #ff9e00;
    color: #fff
}

.pop-action .btn-submit:hover {
    background-color: #ff8a00
}

.reply-choice > a.expression.newEmoji {
    position: relative
}

.reply-choice > a.expression.newEmoji::after {
    content: '';
    position: absolute;
    width: 10px;
    height: 10px;
    right: -2px;
    top: -2px;
    background-color: red;
    border-radius: 50%
}

.reply-submit .current-loading {
    background: #ffc55a url(/images/post/new_notes/loading.gif) center 2px no-repeat;
    line-height: 200px;
    overflow: hidden;
    display: block;
    position: static;
    margin: 0
}

.mcmt-user .identity, .mcmt-other .state, .mcmt-bot .form i, .mcmt-tag i, .reply-choice > a, .mcmt-tab .about_jp i, .won-swich i {
    background: url("/images/mfw-comment/sprite_v2.png") no-repeat
}

.mfw-cmt-wrap {
    width: 680px;
    margin: 60px auto
}

.mfw-cmt {
    width: 100%;
    font-size: 12px;
    line-height: 20px;
    margin-bottom: 24px
}

.mcmt-info {
    width: 100%;
    height: 48px;
    line-height: 48px;
    background-color: #f6f6f6;
    border-top-left-radius: 24px;
    border-bottom-left-radius: 24px
}

.mcmt-photo {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    float: left;
    margin-right: 20px;
    position: relative
}

.mcmt-photo img {
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 50%
}

.mcmt-user {
    float: left
}

.mcmt-user .name {
    color: #ff8a00;
    margin-right: 6px
}

.mcmt-user .level {
    color: #ef523d;
    margin-right: 6px
}

.mcmt-user .identity {
    display: inline-block;
    vertical-align: middle;
    margin-right: 6px
}

.mcmt-user .identity-guide {
    width: 55px;
    height: 16px;
    background-position: 0 0
}

.mcmt-user .identity-office {
    width: 55px;
    height: 16px;
    background-position: 0 -21px
}

.mcmt-user .identity-vip {
    width: 16px;
    height: 16px;
    background-position: 0 -103px
}

.mcmt-user .identity-fengshou {
    width: 40px;
    height: 22px;
    background: url(/images/shequ/notes-medal3.png) no-repeat -200px -30px
}

.mcmt-user .i-enterprise {
    width: 20px;
    height: 20px;
    background: url(/images/home_new2015/ico_enterprise.png) 0 0 no-repeat;
    display: inline-block;
    line-height: 200px;
    overflow: hidden;
    vertical-align: middle;
    margin-right: 5px;
    position: relative;
    top: -2px
}

.mcmt-other {
    float: right;
    padding-right: 10px
}

.mcmt-other .floor {
    font-size: 12px;
    color: #999
}

.mcmt-other .state {
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
    position: relative
}

.mcmt-other .state-1 {
    width: 13px;
    height: 18px;
    background-position: 0 -126px
}

.mcmt-other .state-2 {
    width: 14px;
    height: 18px;
    background-position: -18px -126px
}

.mcmt-other .state-3 {
    width: 14px;
    height: 18px;
    background-position: -37px -126px
}

.mcmt-other .state-4 {
    width: 16px;
    height: 18px;
    background-position: -56px -126px
}

.mcmt-other .state-5 {
    width: 14px;
    height: 18px;
    background-position: -77px -126px
}

.mcmt-other .state-6 {
    width: 12px;
    height: 18px;
    background-position: -96px -126px
}

.state-pop {
    position: absolute;
    top: 16px;
    left: -7px;
    height: 32px;
    width: 500px
}

.state-pop dt {
    height: 28px;
    display: inline-block;
    background: url("/images/a/flight/ship_bg.png") 0 -100px no-repeat;
    padding: 4px 5px 0 10px;
    color: #333;
    font-weight: normal;
    font-size: 12px;
    float: left;
    line-height: 28px
}

.state-pop dd {
    height: 28px;
    display: block;
    padding: 4px 0 0 0;
    float: left
}

.state-pop dd a {
    width: 81px;
    height: 28px;
    display: block;
    line-height: 100px;
    overflow: hidden;
    background: url("/images/euro2012/euro_bg.png") 0 0 no-repeat
}

.mcmt-bot {
    padding-left: 68px;
    height: 24px;
    line-height: 24px;
    color: #999;
    margin-top: 16px
}

.mcmt-bot .time {
    float: left;
    margin-right: 12px
}

.mcmt-bot .form {
    float: left;
    position: relative
}

.mcmt-bot .form i {
    display: inline-block;
    vertical-align: middle;
    margin-top: -2px;
    width: 16px;
    height: 16px;
    background-position: 0 -82px;
    margin-right: 3px;
    margin-left: 10px
}

.mcmt-bot .form img {
    position: absolute;
    left: 102%;
    bottom: -5px;
    z-index: 20;
    display: none
}

.mcmt-bot .option {
    float: right;
    padding-right: 5px
}

.mcmt-bot .option a {
    margin: 0 5px
}

.mcmt-bot .option a.reply-report {
    display: none
}

.mfw-cmt:hover .mcmt-bot .option a.reply-report {
    display: inline
}

.mcmt-con-wrap {
    padding-left: 68px;
    margin-top: 12px;
    position: relative
}

.mcmt-con {
    width: 486px;
    float: left
}

.mcmt-tag {
    float: right
}

.mcmt-tag i {
    display: block;
    width: 58px;
    height: 50px
}

.mcmt-tag i.give-sign {
    background-size: contain
}

.mcmt-tag i.tag-24 {
    background-position: 0 -150px
}

.mcmt-tag i.tag-21 {
    background-position: 0 -220px
}

.mcmt-tag i.tag-20 {
    background-position: 0 -290px
}

.mcmt-tag i.tag-23 {
    background-position: 0 -360px
}

.mcmt-tag i.tag-22 {
    background-position: 0 -430px
}

.mcmt-tag i.tag-25 {
    width: 99px;
    height: 64px;
    background-position: 0 -570px
}

.mcmt-tag i.tag-26 {
    width: 84px;
    height: 75px;
    background-position: 0 -654px
}

.mcmt-tag i.tag-9 {
    width: 76px;
    height: 71px;
    background-position: 0 -749px
}

.mcmt-tag i.tag_reward {
    width: 58px;
    height: 36px;
    padding: 0 20px;
    background-position: 20px -940px
}

.mcmt-tag p {
    font-size: 12px;
    line-height: 26px;
    text-align: center;
    color: #725733
}

.mcmt-word {
    color: #666;
    font-size: 14px;
    margin-top: 10px
}

.mcmt-quote {
    color: #999
}

.mcmt-quote p {
    margin: 5px 0
}

.mfw-cmt-won {
    padding: 10px 20px 20px;
    background-color: #fafafa;
    margin-bottom: 38px
}

.mfw-cmt-won .mcmt-word {
    width: 456px
}

.won-tit {
    height: 41px;
    margin-bottom: 4px;
    position: relative
}

.won-tit span {
    display: block;
    width: 96px;
    height: 41px;
    background-color: #fafafa;
    font-size: 16px;
    text-align: center;
    line-height: 41px;
    position: absolute;
    left: 50%;
    margin-left: -48px;
    top: 0
}

.won-tit strong {
    display: block;
    width: 334px;
    height: 1px;
    font-size: 0;
    overflow: hidden;
    background-color: #e5e5e5;
    position: absolute;
    left: 50%;
    margin-left: -167px;
    top: 20px;
    overflow: visible
}

.won-tit i {
    display: block;
    width: 3px;
    height: 3px;
    border-radius: 50%;
    background-color: #dbdbdb;
    border: 1px solid #cecece;
    position: absolute;
    top: -2px
}

.won-tit i.i1 {
    left: 114px
}

.won-tit i.i2 {
    left: 215px
}

.won-swich {
    display: block;
    width: 208px;
    height: 36px;
    border-radius: 18px;
    margin: 0 auto;
    background-color: #fff;
    border: 1px solid #f6f6f6;
    font-size: 14px;
    line-height: 36px;
    text-align: center;
    color: #999
}

.won-swich span {
    padding: 0 5px;
    font-size: 20px;
    color: #ff9d00
}

.won-swich i {
    display: inline-block;
    width: 12px;
    height: 7px;
    background-position: 0 -910px;
    margin-right: 8px;
    margin-top: -3px
}

.won-swich:hover {
    text-decoration: none;
    background-color: #ff9d00;
    border: 1px solid #ff9d00;
    color: #fff
}

.won-swich:hover span {
    color: #fff
}

.won-swich:hover i {
    background-position: -14px -910px
}

.won-swich-hide i {
    background-position: -28px -910px
}

.won-swich-hide:hover i {
    background-position: -42px -910px
}

.page-hotel {
    padding: 20px 5px;
    line-height: 24px;
    text-align: right;
    font-size: 12px;
    color: #999
}

.page-hotel .count {
    padding-right: 12px
}

.page-hotel .ti {
    display: inline-block;
    margin-right: 1px;
    margin-left: 1px;
    padding: 0 7px;
    border: 0 none;
    background: 0;
    border-radius: 4px;
    color: #666;
    vertical-align: middle
}

.page-hotel .next {
    height: auto;
    margin-top: 0
}

.page-hotel .ti:hover {
    background-color: #efefef;
    border: 0 none;
    text-decoration: none;
    color: #666
}

.page-hotel .pagin .pg-current {
    background-color: #ffc75a;
    color: #fff
}

.page-hotel .first, .page-hotel .prev, .page-hotel .next, .page-hotel .last, .page-hotel .this-page {
    display: inline-block;
    margin-right: 5px;
    background-color: #ffc75a;
    padding: 0 8px;
    border-radius: 4px;
    color: #fff;
    vertical-align: middle
}

.page-hotel .first:hover, .page-hotel .prev:hover, .page-hotel .next:hover, .page-hotel .last:hover {
    background-color: #ff8a00;
    color: #fff
}

.page-hotel .this-page {
    padding: 0 7px
}

.page-hotel .pg-jump input {
    margin: 0 3px 0 0;
    border: 1px solid #d2d2d2;
    border-radius: 4px;
    height: 22px;
    padding: 0 5px;
    width: 30px;
    line-height: 22px;
    font-size: 12px;
    text-align: center;
    vertical-align: middle
}

.page-hotel .pg-jump a {
    display: inline-block;
    border: 0 none;
    background-color: #efefef;
    padding: 0 7px;
    border-radius: 4px;
    color: #666;
    vertical-align: middle
}

.page-hotel .pg-jump a:hover {
    text-decoration: none;
    background-color: #ffc75a;
    color: #fff
}

.mcmt-reply-wrap {
    margin-top: 30px;
    margin-bottom: 50px
}

.mcmt-tab {
    height: 44px;
    line-height: 44px;
    border-bottom: 1px solid #e4e4e4;
    margin-left: 68px;
    margin-bottom: 20px
}

.mcmt-tab li {
    float: left;
    position: relative;
    width: 180px;
    text-align: center;
    color: #333;
    font-size: 16px;
    cursor: pointer
}

.mcmt-tab li i {
    display: none;
    width: 100%;
    height: 3px;
    background-color: #ff9d00;
    position: absolute;
    left: 0;
    bottom: -2px
}

.mcmt-tab li.on {
    color: #ff9d00
}

.mcmt-tab li.on i {
    display: block
}

.mcmt-tab .about_jp {
    float: right;
    color: #999
}

.mcmt-tab .about_jp i {
    display: inline-block;
    vertical-align: middle;
    width: 16px;
    height: 16px;
    margin-left: 4px;
    background-position: 0 -61px
}

.mcmt-tab-con {
    padding-left: 68px;
    position: relative
}

.photo-con {
    width: 48px;
    height: 48px;
    position: absolute;
    top: 0;
    left: 0
}

.photo-con img {
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 50%
}

.reply-con dl {
    border: 1px solid #e5e5e5
}

.reply-con dt {
    height: 36px;
    padding: 12px 6px 12px 28px;
    background: #f6f6f6;
    border-bottom: 1px solid #e5e5e5;
    position: relative
}

.reply-choice {
    width: 242px;
    height: 30px;
    padding: 3px 0;
    position: relative
}

.reply-choice > a {
    display: block;
    float: left;
    width: 30px;
    height: 30px;
    margin-right: 28px
}

.reply-choice > a.pic {
    background-position: 0 -870px
}

.reply-choice > a.pic:hover {
    background-position: 0 -840px
}

.reply-choice > a.expression {
    background-position: -30px -870px
}

.reply-choice > a.expression:hover {
    background-position: -30px -840px
}

.reply-choice > a.expression.newEmoji {
    position: relative
}

.reply-choice > a.expression.newEmoji::after {
    content: '';
    position: absolute;
    width: 10px;
    height: 10px;
    right: -2px;
    top: -2px;
    background-color: red;
    border-radius: 50%
}

.reply-choice > a.at {
    background-position: -60px -870px
}

.reply-choice > a.at:hover {
    background-position: -60px -840px
}

.reply-choice > a.weng {
    background-position: -90px -870px
}

.reply-choice > a.weng:hover {
    background-position: -90px -840px
}

.reply-choice > a.give_sign_btn {
    width: 76px;
    background-image: url("/images/mfw-comment/give-sign-sprite-big@1x.png");
    background-position: 0 0
}

.reply-choice > a.give_sign_btn:hover {
    background-position: -86px 0
}

.reply-tags {
    height: 36px;
    position: absolute;
    right: 5px;
    top: 12px
}

.reply-tags li {
    width: auto;
    height: 36px;
    margin-right: 7px;
    float: left
}

.reply-tags li a {
    display: inline-block;
    width: 34px;
    height: 28px;
    padding: 3px 0;
    border: 1px dashed #d6d6d6;
    line-height: 14px;
    text-align: center;
    color: #666;
    position: relative
}

.reply-tags li a.one-line {
    line-height: 28px
}

.reply-tags li a.not_yet, .reply-tags li a.not_yet:hover {
    background: #e7e7e7;
    color: #aaa;
    cursor: default
}

.reply-tags li a.not_yet:hover {
    border: 1px dashed #d6d6d6
}

.reply-tags li a.not_yet:hover i {
    display: none
}

.reply-tags li a i {
    width: 0;
    height: 0;
    border-width: 5px;
    border-style: solid dashed dashed dashed;
    border-color: #ff9d00 transparent transparent transparent;
    position: absolute;
    left: 13px;
    top: 35px;
    visibility: hidden;
    line-height: 0;
    font-size: 0
}

.reply-tags li a:hover, .reply-tags li a.on {
    background: #ff9d00;
    border: 1px solid #ff9d00;
    color: #fff;
    text-decoration: none;
    zoom: 1
}

.reply-tags li a:hover i, .reply-tags li a.on i {
    display: block;
    visibility: visible
}

.give-sign-details {
    position: absolute;
    top: 51px;
    left: 97px;
    width: 320px;
    height: 189px;
    padding: 12px 10px 10px 10px;
    border-radius: 3px;
    background: #fff;
    box-sizing: border-box;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1)
}

.give-sign-details.small-sign {
    width: 237px;
    height: 142px;
    padding: 10px 4px 5px 4px;
    box-sizing: border-box;
    left: -23px !important;
    top: 50px
}

.give-sign-details .give-sign-details-title-section {
    font-size: 12px;
    height: 12px;
    line-height: 12px
}

.give-sign-details .give-sign-details-title-section .title {
    font-weight: bold;
    color: #666
}

.give-sign-details .give-sign-details-title-section .about-amount {
    float: right;
    font-size: 0
}

.give-sign-details .give-sign-details-title-section .about-amount label {
    font-size: 12px
}

.give-sign-details .give-sign-details-title-section .about-amount .amount {
    font-size: 12px;
    font-weight: bold
}

.give-sign-details .give-sign-details-title-section .about-amount .need-amount {
    font-size: 12px;
    color: #ff9d00;
    font-weight: 700
}

.give-sign-details-list-section {
    font-size: 0;
    margin-top: 12px
}

.give-sign-details-list-section.small-sign {
    margin-top: 10px
}

.give-sign-details-list-section .give-sign-single {
    position: relative;
    display: inline-block;
    width: 73px;
    height: 70px;
    border: 1px solid #e8e8e8;
    cursor: pointer
}

.give-sign-details-list-section .give-sign-single.small-sign {
    width: 51px;
    height: 48px;
    background-color: #f7f7f7;
    border-color: #ccc
}

.give-sign-details-list-section .give-sign-single > .badge-image {
    display: block;
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 70%;
    height: 70%;
    z-index: 10;
    background-size: cover
}

.give-sign-details-list-section .give-sign-single.small-sign.limit-time:after {
    background-position: -86px -100px
}

.give-sign-details-list-section .give-sign-single.disabled {
    opacity: .3
}

.give-sign-details-list-section .give-sign-single.disabled:hover {
    border-color: #ccc
}

.give-sign-details-list-section .give-sign-single .give-sign-single-icon {
    display: block;
    position: relative;
    top: 50%;
    margin-top: -25px;
    margin-left: auto;
    margin-right: auto;
    width: 54px;
    height: 50px
}

.give-sign-details-list-section .give-sign-single.l {
    margin-left: -1px
}

.give-sign-details-list-section .give-sign-single.t {
    margin-top: -1px
}

.give-sign-details-list-section .give-sign-single.small-sign.l {
    margin-left: 5px
}

.give-sign-details-list-section .give-sign-single.small-sign.t {
    margin-top: 5px
}

.give-sign-details-list-section .give-sign-single .give-sign-single-icon.small-sign {
    width: 43px;
    height: 40px;
    margin-top: -20px
}

.give-sign-details-list-section .give-sign-single:nth-child(2n) {
    margin-left: -1px
}

.give-sign-details-list-section .give-sign-single.small-sign:nth-child(2n) {
    margin-left: 5px
}

.give-sign-details-list-section .give-sign-single:nth-child(4n-1) {
    margin-left: -1px
}

.give-sign-comment {
    width: 58px;
    height: 50px
}

.give-sign-details-list-section .give-sign-single.active {
    border-color: #ff9d00;
    z-index: 99
}

.give-sign-details-list-section .give-sign-single:hover {
    border-color: #ff9d00;
    z-index: 99
}

.show-selected-give-sign {
    display: block;
    position: absolute;
    width: 43px;
    height: 40px;
    top: 15px;
    right: 16px
}

.show-selected-give-sign .selected-give-sign {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    background-size: contain;
    background-repeat: no-repeat
}

.show-selected-give-sign > .selected-give-sign + .close-selected-give-sign {
    display: block;
    position: absolute;
    width: 15px;
    height: 15px;
    top: -7px;
    right: -7px;
    cursor: pointer;
    z-index: 99;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url("/images/mfw-comment/give-sign-delete.png")
}

.reply-text {
    padding: 5px
}

.reply-text textarea {
    outline: 0;
    border: 0;
    padding: 0;
    width: 600px;
    height: 180px;
    resize: none;
    color: #666;
    line-height: 22px
}

.reply-submit {
    float: right;
    margin-top: 20px
}

.reply-submit a {
    display: block;
    width: 160px;
    height: 40px;
    background-color: #ff9d00;
    border-radius: 4px;
    font-size: 18px;
    line-height: 40px;
    text-align: center;
    color: #fff
}

.reply-submit a:hover {
    text-decoration: none
}

.reply-submit a.loading {
    background: #ffc55a url("/images/post/new_notes/loading.gif") center 7px no-repeat;
    line-height: 200px;
    overflow: hidden
}

.notes-reward {
    height: 380px;
    padding: 25px 38px 30px;
    background: #fef8ca url("/images/post/new_notes/nn_v2/reward-wave.png") repeat-x left top
}

.notes-reward:after {
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -5px 0 0 -17px;
    width: 34px;
    height: 10px;
    background: url("/images/common/loading_big.gif") no-repeat 0 0
}

.nr-hd {
    margin-bottom: 20px;
    height: 52px;
    padding-left: 87px;
    position: relative;
    color: #8f7036;
    font-size: 16px;
    line-height: 26px
}

.nr-hd .avatar {
    left: 18px;
    top: 0;
    width: 48px;
    height: 48px;
    border: 2px solid;
    border-radius: 50%;
    overflow: hidden
}

.nr-hd p {
    overflow: hidden
}

.nr-hd:after, .nr-hd:before {
    content: '';
    position: absolute;
    width: 20px;
    height: 16px;
    background: url("/images/post/new_notes/nn_v2/reward-sprites4.png") no-repeat -120px -30px
}

.nr-hd:before {
    left: -14px;
    top: -3px
}

.nr-hd:after {
    right: -12px;
    bottom: -3px;
    background-position: -140px -30px
}

.nr-form {
    margin-bottom: 15px;
    background-color: #fff;
    padding: 15px 30px;
    border-bottom: 3px solid #f4eec2;
    position: relative;
    z-index: 2
}

.nr-form input {
    width: 180px;
    border: 0 none;
    padding: 0;
    text-align: center;
    font-size: 36px;
    color: #666;
    line-height: 40px
}

.avatar {
    width: 48px;
    height: 48px;
    position: absolute;
    top: 0;
    left: 0;
    _left: -63px
}

.nr-hd .avatar {
    left: 18px;
    top: 0;
    width: 48px;
    height: 48px;
    border: 2px solid;
    border-radius: 50%;
    overflow: hidden
}

.nr-money .inp-error {
    color: #ef523d
}

.nr-money {
    margin-bottom: 15px;
    height: 48px;
    border-bottom: 1px solid #e5e5e5;
    font-size: 18px;
    color: #999;
    position: relative;
    text-align: center
}

.nr-money span {
    position: absolute;
    left: 0;
    line-height: 40px;
    color: #666
}

.nr-money .select {
    position: absolute;
    left: 48px;
    top: 3px;
    width: 118px;
    font-size: 14px;
    color: #ff9d00;
    line-height: 30px;
    text-align: left;
    border: 1px solid #ff9d00;
    border-radius: 3px;
    background-color: #fff
}

.nr-money .sel-hd {
    padding: 1px 12px;
    cursor: pointer
}

.nr-money .sel-hd i {
    position: absolute;
    right: 13px;
    top: 14px;
    width: 12px;
    height: 6px;
    background: url("http://css.mafengwo.net" /images/post/new_notes/nn_v2/reward-sprites4.png "") no-repeat - 175 px - 105 px
}

.nr-money .select ul {
    padding: 3px 0
}

.nr-money .select li a {
    display: block;
    padding: 0 11px
}

.nr-money .select li a:hover {
    text-decoration: none
}

.nr-money .reward-num {
    position: absolute;
    left: 190px;
    top: 2px;
    width: 180px;
    height: 34px
}

.nr-money .reward-num .icon {
    position: absolute;
    left: 0;
    top: 10px;
    width: 39px;
    height: 15px;
    border-right: 1px solid #d6d6d6;
    line-height: 0
}

.nr-money .reward-num .icon-money, .nr-money .reward-num .icon-honey {
    display: inline-block;
    margin-top: 1px;
    width: 16px;
    height: 13px;
    background: url("/images/post/new_notes/nn_v2/reward-sprites4.png") no-repeat -175px -85px;
    overflow: hidden
}

.nr-money .reward-num .icon-honey {
    margin-top: -2px;
    width: 15px;
    height: 18px;
    background-position: -200px -85px
}

.nr-money .reward-num input {
    width: 100px;
    height: 32px;
    border: 1px solid #efefef;
    background-color: #efefef;
    padding: 0 13px 0 65px;
    text-align: left;
    font-size: 18px;
    color: #666;
    line-height: 32px;
    border-radius: 3px
}

.nr-money .reward-num input:focus {
    border-color: #ff9d00;
    background-color: #fff;
    box-shadow: 0 0 2px rgba(255, 157, 0, .4)
}

.nr-money .set-paypwd {
    position: absolute;
    left: 180px;
    top: 0;
    background-color: #fff;
    font-size: 16px;
    line-height: 38px;
    color: #666
}

.nr-money i {
    font-style: normal
}

.nr-money .i-coin {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 72px;
    height: 23px;
    background: url("/images/post/new_notes/nn_v2/reward-sprites4.png") no-repeat -120px 0
}

.nr-money .tips-err {
    position: absolute;
    bottom: -30px;
    left: 165px;
    width: 230px;
    height: 33px;
    background-color: #fff1ef;
    border: 1px solid #ef523d;
    text-align: center;
    line-height: 32px;
    color: #ef523d;
    font-size: 12px;
    border-radius: 3px
}

.nr-money .tips-err i {
    display: inline-block;
    margin-right: 5px;
    width: 16px;
    height: 16px;
    background: url("/images/post/new_notes/nn_v2/reward-sprites4.png") no-repeat -200px -65px;
    overflow: hidden;
    vertical-align: middle
}

.nr-form .have-reward {
    padding: 45px;
    text-align: center;
    font-size: 22px;
    color: #999
}

.nr-form .have-reward i {
    display: inline-block;
    margin-right: 5px;
    width: 77px;
    height: 43px;
    background: url("/images/post/new_notes/nn_v2/reward-sprites4.png") no-repeat -300px 0;
    overflow: hidden;
    vertical-align: -7px;
    *vertical-align: middle
}

.nr-form .have-reward span {
    color: #ff9d00
}

.nr-form textarea {
    width: 100%;
    height: 70px;
    border: 0 none;
    padding: 0;
    margin: 0;
    font-size: 14px;
    color: #666;
    line-height: 24px;
    resize: none;
    overflow: auto;
    outline: 0
}

.pay-item {
    float: left;
    display: inline;
    margin: 18px 60px 0 0;
    line-height: 32px;
    font-size: 16px;
    cursor: pointer
}

.pay-item .i-radio {
    float: left;
    margin: 5px 10px 0 0;
    width: 24px;
    height: 24px;
    background: url("/images/post/new_notes/nn_v2/reward-sprites4.png") no-repeat -120px -65px;
    overflow: hidden
}

.pay-item .i-alipay, .pay-item .i-wxpay {
    float: left;
    margin-right: 10px;
    width: 32px;
    height: 32px;
    background: url("/images/post/new_notes/nn_v2/reward-sprites4.png") no-repeat -200px 0
}

.pay-item .i-wxpay {
    height: 29px;
    margin-top: 2px;
    background-position: -200px -35px
}

.pay-checked .i-radio {
    background-position: -120px -95px
}

.pay-btn {
    float: right;
    width: 119px;
    height: 64px;
    background: url("/images/post/new_notes/nn_v2/reward-sprites4.png") no-repeat 0 0;
    text-align: center;
    font-size: 26px;
    color: #fff;
    line-height: 64px;
    position: relative
}

.pay-btn:hover {
    text-decoration: none;
    color: #fff;
    background-position: 0 -65px
}

.pay-btn:after {
    content: '';
    position: absolute;
    top: -11px;
    right: -22px;
    width: 28px;
    height: 28px;
    background: url("/images/post/new_notes/nn_v2/reward-sprites4.png") no-repeat -165px -30px;
    overflow: hidden
}

.pay-btn-disabled, .pay-btn-disabled:hover {
    background-position: -240px -65px;
    cursor: default
}

.nr-ft {
    height: 32px;
    margin-top: 30px;
    line-height: 32px;
    font-size: 14px;
    overflow: hidden
}

.nr-ft img {
    vertical-align: top
}

.nr-ft span {
    float: left;
    margin-right: 10px
}

.nr-ft ul {
    margin-right: -20px;
    *zoom: 1
}

.nr-ft li {
    float: left;
    width: 32px;
    display: inline;
    margin-right: 5px;
    border-radius: 50%;
    overflow: hidden
}

.nr-ft .i-more {
    display: inline-block;
    margin-top: 10px;
    width: 22px;
    height: 6px;
    background: url("/images/post/new_notes/nn_v2/reward-sprites4.png") no-repeat -120px -50px
}

.other-pay {
    border-top: 1px solid #ccc;
    margin: 0 20px;
    padding: 22px 28px;
    text-align: center
}

.other-pay a {
    font-size: 14px
}

._j_weixin_qr {
    height: 150px;
    background: url("/images/common/loading_big.gif") no-repeat center center
}

.income-reward {
    padding: 15px 30px;
    border: 1px solid #e5e5e5;
    position: relative
}

.ir-hd {
    margin-bottom: 30px;
    padding: 10px 0 25px;
    border-bottom: 1px solid #d6d6d6;
    text-align: center;
    font-size: 16px
}

.ir-hd em {
    margin: 0 5px;
    font-style: normal;
    font-size: 26px;
    color: #ff9d00;
    vertical-align: -3px;
    *vertical-align: middle
}

.ir-bd {
    position: relative;
    z-index: 2
}

.ir-bd table {
    border-spacing: 0;
    border-collapse: collapse;
    width: 100%
}

.ir-bd td {
    padding-bottom: 15px;
    font-size: 12px;
    color: #666;
    line-height: 20px
}

.ir-bd img {
    float: left;
    margin-right: 10px;
    width: 32px;
    height: 32px;
    border-radius: 50%
}

.ir-bd .price {
    margin: 0 3px;
    font-size: 14px
}

.ir-bd em {
    font-size: 22px;
    font-style: normal;
    *vertical-align: middle
}

@media (min-resolution: 1.25dppx),(-webkit-min-device-pixel-ratio: 1.25),(min-device-pixel-ratio: 1.25) {
    .mcmt-user .identity, .mcmt-other .state, .mcmt-bot .form i, .mcmt-tag i, .reply-choice > a, .mcmt-tab .about_jp i, .won-swich i {
        background: url("/images/mfw-comment/sprite_2x_v2.png") no-repeat;
        background-size: 120px auto
    }

    .reply-choice > a.give_sign_btn {
        background-size: 162px auto;
        background-image: url("/images/mfw-comment/give-sign-sprite-big@2x.png")
    }

    .mcmt-user .identity-fengshou {
        background-image: url(/images/shequ/notes-medal3@2x.png);
        background-size: 300px auto;
        background-position: -200px -30px
    }

    .mcmt-user .identity-guide {
        background-position: 0 0
    }

    .mcmt-user .identity-office {
        background-position: 0 -21px
    }

    .mcmt-user .identity-vip {
        background-position: 0 -103px
    }

    .mcmt-other .state-1 {
        background-position: 0 -126px
    }

    .mcmt-other .state-2 {
        background-position: -18px -126px
    }

    .mcmt-other .state-3 {
        background-position: -37px -126px
    }

    .mcmt-other .state-4 {
        background-position: -56px -126px
    }

    .mcmt-other .state-5 {
        background-position: -77px -126px
    }

    .mcmt-other .state-6 {
        background-position: -96px -126px
    }

    .mcmt-bot .form i {
        background-position: 0 -82px
    }

    .mcmt-tag i.give-sign {
        background-size: contain
    }

    .mcmt-tag i.tag-24 {
        background-position: 0 -150px
    }

    .mcmt-tag i.tag-21 {
        background-position: 0 -220px
    }

    .mcmt-tag i.tag-20 {
        background-position: 0 -290px
    }

    .mcmt-tag i.tag-23 {
        background-position: 0 -360px
    }

    .mcmt-tag i.tag-22 {
        background-position: 0 -430px
    }

    .mcmt-tag i.tag-25 {
        background-position: 0 -570px
    }

    .mcmt-tag i.tag-26 {
        background-position: 0 -654px
    }

    .mcmt-tag i.tag-9 {
        background-position: 0 -749px
    }

    .mcmt-tag i.tag_reward {
        background-position: 20px -940px
    }

    .mcmt-tab .about_jp i {
        background-position: 0 -61px
    }

    .reply-choice > a.pic {
        background-position: 0 -870px
    }

    .reply-choice > a.pic:hover {
        background-position: 0 -840px
    }

    .reply-choice > a.expression {
        background-position: -30px -870px
    }

    .reply-choice > a.expression:hover {
        background-position: -30px -840px
    }

    .reply-choice > a.at {
        background-position: -60px -870px
    }

    .reply-choice > a.at:hover {
        background-position: -60px -840px
    }

    .reply-choice > a.weng {
        background-position: -90px -870px
    }

    .reply-choice > a.weng:hover {
        background-position: -90px -840px
    }
}

.edit-box {
    padding-left: 68px;
    margin-top: 20px
}

.edit-con {
    background: #fff;
    border: 1px solid #e5e5e5;
    width: 100%
}

.edit-con .hd {
    height: 45px;
    background: #f6f6f6;
    border-bottom: 1px solid #e5e5e5;
    padding-left: 29px;
    padding-top: 14px
}

.edit-con .hd a {
    display: inline-block;
    width: 30px;
    height: 30px;
    margin-right: 30px
}

.edit-con .hd a.chose-icon1 {
    background: url(/images/mfw-comment/icon1.png) no-repeat
}

.edit-con .hd a.chose-icon2 {
    background: url(/images/mfw-comment/icon2.png) no-repeat
}

.edit-con .hd a.chose-icon3 {
    background: url(/images/mfw-comment/icon3.png) no-repeat
}

.edit-con .hd a.chose-icon4 {
    background: url(/images/mfw-comment/icon4.png) no-repeat
}

.edit-con .hd a.chose-icon1:hover {
    background: url(/images/mfw-comment/icon-hover.png) no-repeat
}

.edit-con .hd a.chose-icon2:hover {
    background: url(/images/mfw-comment/icon2-hover.png) no-repeat
}

.edit-con .hd a.chose-icon3:hover {
    background: url(/images/mfw-comment/icon3-hover.png) no-repeat
}

.edit-con .hd a.chose-icon4:hover {
    background: url(/images/mfw-comment/icon4-hoevr.png) no-repeat
}

.edit-con .bd {
    padding: 11px 115px 11px 13px
}

.edit-con .bd textarea {
    border: 0 none;
    width: 100%;
    height: 190px;
    resize: none;
    overflow: hidden;
    line-height: 25px;
    font-size: 14px;
    color: #666;
    outline: 0
}

.edit-btn .btn {
    margin-top: 20px;
    text-align: right
}

.edit-btn .btn .cancel {
    font-size: 18px;
    color: #999
}

.edit-btn .btn .translate {
    display: inline-block;
    width: 100px;
    height: 40px;
    background: #ff9d00;
    border-radius: 5px;
    text-align: center;
    font-size: 18px;
    color: #fff;
    line-height: 40px;
    margin-left: 32px
}

textarea::-webkit-input-placeholder {
    color: #666 !important
}

textarea:-moz-placeholder {
    color: #666 !important;
    opacity: 1
}

textarea::-moz-placeholder {
    color: #666 !important;
    opacity: 1
}

textarea:-ms-input-placeholder {
    color: #666 !important
}

@media (min-resolution: 1.25dppx),(-webkit-min-device-pixel-ratio: 1.25),(min-device-pixel-ratio: 1.25) {
    .edit-con .hd a.chose-icon1 {
        background: url(/images/mfw-comment/icon1@2x.png) no-repeat;
        background-size: 30px 30px
    }

    .edit-con .hd a.chose-icon2 {
        background: url(/images/mfw-comment/icon2@2x.png) no-repeat;
        background-size: 30px 30px
    }

    .edit-con .hd a.chose-icon3 {
        background: url(/images/mfw-comment/icon3@2x.png) no-repeat;
        background-size: 30px 30px
    }

    .edit-con .hd a.chose-icon4 {
        background: url(/images/mfw-comment/icon4@2x.png) no-repeat;
        background-size: 30px 30px
    }

    .edit-con .hd a.chose-icon1:hover {
        background: url(/images/mfw-comment/iconhover@2x.png) no-repeat;
        background-size: 30px 30px
    }

    .edit-con .hd a.chose-icon2:hover {
        background: url(/images/mfw-comment/hover2@2x.png) no-repeat;
        background-size: 30px 30px
    }

    .edit-con .hd a.chose-icon3:hover {
        background: url(/images/mfw-comment/hover3@2x.png) no-repeat;
        background-size: 30px 30px
    }

    .edit-con .hd a.chose-icon4:hover {
        background: url(/images/mfw-comment/hover4@2x.png) no-repeat;
        background-size: 30px 30px
    }

    .mcmt-user .i-enterprise {
        background-size: 30px 20px;
        background-position: -10px 0
    }
}